aboutsummaryrefslogtreecommitdiffhomepage
path: root/client
diff options
context:
space:
mode:
authorCaroline Chuong <caroline.chuong@octo.com>2020-06-10 17:21:45 +0200
committerRigel Kent <par@rigelk.eu>2020-06-10 17:38:00 +0200
commit1bab226f5c2e678039ed40f87ab3fe05f3ebd0f4 (patch)
tree609ac58530f9ff4b86a188959199965da8fead72 /client
parentf9b6d51f484010ff2d312afa10fd55472444d8f2 (diff)
downloadPeerTube-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.html4
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