diff options
Diffstat (limited to 'client/src/app/+signup/+register/custom-stepper.component.html')
-rw-r--r-- | client/src/app/+signup/+register/custom-stepper.component.html | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/client/src/app/+signup/+register/custom-stepper.component.html b/client/src/app/+signup/+register/custom-stepper.component.html index f43a46842..f2687e520 100644 --- a/client/src/app/+signup/+register/custom-stepper.component.html +++ b/client/src/app/+signup/+register/custom-stepper.component.html | |||
@@ -2,9 +2,10 @@ | |||
2 | <header *ngIf="steps.length > 2"> | 2 | <header *ngIf="steps.length > 2"> |
3 | <div class="header-steps"> | 3 | <div class="header-steps"> |
4 | <ng-container *ngFor="let step of steps; let i = index; let isLast = last;"> | 4 | <ng-container *ngFor="let step of steps; let i = index; let isLast = last;"> |
5 | <div | 5 | <button |
6 | class="step-info" [ngClass]="{ active: selectedIndex === i, completed: isCompleted(step), 'c-hand': isAccessible(step) }" [attr.aria-current]="selectedIndex === i" | 6 | class="step-info button-unstyle" [ngClass]="{ active: selectedIndex === i, completed: isCompleted(step) }" |
7 | (click)="onClick(i)" | 7 | [disabled]="!isAccessible(step)" |
8 | [attr.aria-current]="selectedIndex === i" (click)="onClick(i)" | ||
8 | > | 9 | > |
9 | <div class="step-index"> | 10 | <div class="step-index"> |
10 | <span class="visually-hidden" i18n>Step</span> {{ i + 1 }} | 11 | <span class="visually-hidden" i18n>Step</span> {{ i + 1 }} |
@@ -15,7 +16,7 @@ | |||
15 | </div> | 16 | </div> |
16 | 17 | ||
17 | <div class="step-label">{{ step.label }}</div> | 18 | <div class="step-label">{{ step.label }}</div> |
18 | </div> | 19 | </button> |
19 | 20 | ||
20 | <!-- Do no display if this is the last child --> | 21 | <!-- Do no display if this is the last child --> |
21 | <div *ngIf="!isLast" class="connector"></div> | 22 | <div *ngIf="!isLast" class="connector"></div> |