interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix broadcast dismiss icon accessibility

This commit is contained in:
Chocobozzz 2023-10-05 16:30:08 +02:00
parent 84bcfdaeff
commit c5397bd066
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
3 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/app/app.component.html
View File

@ -31,10 +31,10 @@
<div *ngIf="broadcastMessage" class="broadcast-message alert" [ngClass]="broadcastMessage.class"> <div *ngIf="broadcastMessage" class="broadcast-message alert" [ngClass]="broadcastMessage.class">
<div [innerHTML]="broadcastMessage.message"></div> <div [innerHTML]="broadcastMessage.message"></div>
<my-global-icon <button
*ngIf="broadcastMessage.dismissable" (click)="hideBroadcastMessage()" *ngIf="broadcastMessage.dismissable" (click)="hideBroadcastMessage()" class="border-0" title="Close this message" i18n-title>
iconName="cross" role="button" title="Close this message" i18n-title <my-global-icon iconName="cross"></my-global-icon>
></my-global-icon> </button>
</div> </div>
<router-outlet></router-outlet> <router-outlet></router-outlet>

12
client/src/app/app.component.scss
View File

@ -97,10 +97,14 @@
grid-template-columns: 1fr 30px; grid-template-columns: 1fr 30px;
column-gap: 10px; column-gap: 10px;
my-global-icon { button {
justify-self: center; display: block;
align-self: center; color: inherit;
cursor: pointer; height: fit-content;
margin: auto;
> my-global-icon {
width: 20px; width: 20px;
} }
}
} }

2
client/src/app/menu/menu.component.html
View File

@ -140,7 +140,7 @@
<div> <div>
<a i18n routerLink="/about/instance">Contact</a> <a i18n routerLink="/about/instance">Contact</a>
<a i18n href="https://joinpeertube.org/help" i18n-title title="Get help using PeerTube" target="_blank" rel="noopener noreferrer">Help</a> <a i18n href="https://joinpeertube.org/help" i18n-title title="Get help using PeerTube" target="_blank" rel="noopener noreferrer">Help</a>
<a i18n href="https://joinpeertube.org/faq" i18n-title title="Frequently asked questions about PeerTube" target="_blank" rel="noopener noreferrer">FAQ</a> <a i18n href="https://joinpeertube.org/faq" i18n-title title="FAQ (Frequently Asked Questions) - about PeerTube" target="_blank" rel="noopener noreferrer">FAQ</a>
<a i18n routerLink="/about/instance" fragment="statistics">Stats</a> <a i18n routerLink="/about/instance" fragment="statistics">Stats</a>
<a i18n href="https://docs.joinpeertube.org/api-rest-reference.html" i18n-title title="API documentation" target="_blank" rel="noopener noreferrer">API</a> <a i18n href="https://docs.joinpeertube.org/api-rest-reference.html" i18n-title title="API documentation" target="_blank" rel="noopener noreferrer">API</a>
<button (click)="openHotkeysCheatSheet()" class="button-unstyle" i18n>Keyboard shortcuts</button> <button (click)="openHotkeysCheatSheet()" class="button-unstyle" i18n>Keyboard shortcuts</button>