diff options
| author | Chocobozzz <me@florianbigard.com> | 2020-12-22 12:05:32 +0100 |
|---|---|---|
| committer | Chocobozzz <me@florianbigard.com> | 2020-12-22 12:05:32 +0100 |
| commit | 1916c9663ac632227e60ebc93cec616b2dd6800d (patch) | |
| tree | 606b753ed93aeec5d4232925c55642bd8d43c000 /client/src/app/shared/shared-user-subscription | |
| parent | 2b6c55528d252be180a9b206b9de01c44e67b24f (diff) | |
| download | PeerTube-1916c9663ac632227e60ebc93cec616b2dd6800d.tar.gz PeerTube-1916c9663ac632227e60ebc93cec616b2dd6800d.tar.zst PeerTube-1916c9663ac632227e60ebc93cec616b2dd6800d.zip | |
Fix some accessibility issues
Diffstat (limited to 'client/src/app/shared/shared-user-subscription')
| -rw-r--r-- | client/src/app/shared/shared-user-subscription/subscribe-button.component.html | 22 |
1 files changed, 13 insertions, 9 deletions
diff --git a/client/src/app/shared/shared-user-subscription/subscribe-button.component.html b/client/src/app/shared/shared-user-subscription/subscribe-button.component.html index 85b3d1fdb..d60fd5c5f 100644 --- a/client/src/app/shared/shared-user-subscription/subscribe-button.component.html +++ b/client/src/app/shared/shared-user-subscription/subscribe-button.component.html | |||
| @@ -1,5 +1,7 @@ | |||
| 1 | <div class="btn-group-subscribe btn-group" | 1 | <div |
| 2 | [ngClass]="{'subscribe-button': !isAllChannelsSubscribed, 'unsubscribe-button': isAllChannelsSubscribed, 'big': isBigButton }"> | 2 | class="btn-group-subscribe btn-group" |
| 3 | [ngClass]="{'subscribe-button': !isAllChannelsSubscribed, 'unsubscribe-button': isAllChannelsSubscribed, 'big': isBigButton }" | ||
| 4 | > | ||
| 3 | 5 | ||
| 4 | <ng-template #userLoggedOut> | 6 | <ng-template #userLoggedOut> |
| 5 | <span [ngClass]="{ 'extra-text': isAtLeastOneChannelSubscribed }"> | 7 | <span [ngClass]="{ 'extra-text': isAtLeastOneChannelSubscribed }"> |
| @@ -18,9 +20,10 @@ | |||
| 18 | </ng-template> | 20 | </ng-template> |
| 19 | 21 | ||
| 20 | <ng-template #userLoggedIn> | 22 | <ng-template #userLoggedIn> |
| 21 | <button *ngIf="!isAllChannelsSubscribed" type="button" | 23 | <button |
| 22 | class="btn btn-sm" role="button" | 24 | *ngIf="!isAllChannelsSubscribed" type="button" |
| 23 | (click)="subscribe()"> | 25 | class="btn btn-sm" (click)="subscribe()" |
| 26 | > | ||
| 24 | <ng-template [ngTemplateOutlet]="userLoggedOut"></ng-template> | 27 | <ng-template [ngTemplateOutlet]="userLoggedOut"></ng-template> |
| 25 | </button> | 28 | </button> |
| 26 | 29 | ||
| @@ -36,10 +39,11 @@ | |||
| 36 | *ngIf="isUserLoggedIn(); then userLoggedIn"> | 39 | *ngIf="isUserLoggedIn(); then userLoggedIn"> |
| 37 | </ng-container> | 40 | </ng-container> |
| 38 | 41 | ||
| 39 | <div class="btn-group" ngbDropdown autoClose="outside" | 42 | <div |
| 40 | placement="bottom-right" role="group" | 43 | class="btn-group" ngbDropdown autoClose="outside" placement="bottom-right" |
| 41 | aria-label="Multiple ways to subscribe to the current channel"> | 44 | role="group" aria-label="Multiple ways to subscribe to the current channel" i18n-aria-label |
| 42 | <button class="btn btn-sm dropdown-toggle-split" ngbDropdownToggle> | 45 | > |
| 46 | <button class="btn btn-sm dropdown-toggle-split" ngbDropdownToggle aria-label="Open subscription dropdown" i18n-aria-label> | ||
| 43 | <ng-container | 47 | <ng-container |
| 44 | *ngIf="!isUserLoggedIn(); then userLoggedOut"> | 48 | *ngIf="!isUserLoggedIn(); then userLoggedOut"> |
| 45 | </ng-container> | 49 | </ng-container> |