diff options
| author | Caroline Chuong <caroline.chuong@octo.com> | 2020-06-10 17:21:45 +0200 |
|---|---|---|
| committer | Rigel Kent <par@rigelk.eu> | 2020-06-10 17:38:00 +0200 |
| commit | 1bab226f5c2e678039ed40f87ab3fe05f3ebd0f4 (patch) | |
| tree | 609ac58530f9ff4b86a188959199965da8fead72 /client | |
| parent | f9b6d51f484010ff2d312afa10fd55472444d8f2 (diff) | |
| download | PeerTube-1bab226f5c2e678039ed40f87ab3fe05f3ebd0f4.tar.gz PeerTube-1bab226f5c2e678039ed40f87ab3fe05f3ebd0f4.tar.zst PeerTube-1bab226f5c2e678039ed40f87ab3fe05f3ebd0f4.zip | |
Add explicit step and aria-current attribute in register form
Diffstat (limited to 'client')
| -rw-r--r-- | client/src/app/+signup/+register/custom-stepper.component.html | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/client/src/app/+signup/+register/custom-stepper.component.html b/client/src/app/+signup/+register/custom-stepper.component.html index bf507fc4f..57374d41e 100644 --- a/client/src/app/+signup/+register/custom-stepper.component.html +++ b/client/src/app/+signup/+register/custom-stepper.component.html | |||
| @@ -2,11 +2,11 @@ | |||
| 2 | <header> | 2 | <header> |
| 3 | <ng-container *ngFor="let step of steps; let i = index; let isLast = last;"> | 3 | <ng-container *ngFor="let step of steps; let i = index; let isLast = last;"> |
| 4 | <div | 4 | <div |
| 5 | class="step-info" [ngClass]="{ active: selectedIndex === i, completed: isCompleted(step) }" | 5 | class="step-info" [ngClass]="{ active: selectedIndex === i, completed: isCompleted(step) }" [attr.aria-current]="selectedIndex === i" |
| 6 | (click)="onClick(i)" | 6 | (click)="onClick(i)" |
| 7 | > | 7 | > |
| 8 | <div class="step-index"> | 8 | <div class="step-index"> |
| 9 | <ng-container *ngIf="!isCompleted(step)">{{ i + 1 }}</ng-container> | 9 | <ng-container *ngIf="!isCompleted(step)"><span class="sr-only" i18n>Step</span> {{ i + 1 }}</ng-container> |
| 10 | <my-global-icon *ngIf="isCompleted(step)" iconName="tick"></my-global-icon> | 10 | <my-global-icon *ngIf="isCompleted(step)" iconName="tick"></my-global-icon> |
| 11 | </div> | 11 | </div> |
| 12 | 12 | ||