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

Fix sort select accessibility

This commit is contained in:
Chocobozzz 2024-09-19 15:23:28 +02:00
parent 3bbc5d9066
commit cdd874683f
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
3 changed files with 2 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
client/src/app/+my-account/my-account-notifications/my-account-notifications.component.html
View File

@ -7,8 +7,7 @@
</a>
<div class="peertube-select-container peertube-select-button ms-2 me-2">
<select [(ngModel)]="notificationSortType" (ngModelChange)="onChangeSortColumn()" class="form-control">
<option value="undefined" disabled i18n>Sort by</option>
<select [(ngModel)]="notificationSortType" (ngModelChange)="onChangeSortColumn()" class="form-control" i18n-ariaLabel aria-label="Sort by">
<option value="createdAt" i18n>Newest first</option>
<option value="read" [disabled]="!hasUnreadNotifications()" i18n>Unread first</option>
</select>

3
client/src/app/+my-library/my-videos/my-videos.component.html
View File

@ -22,8 +22,7 @@
<my-advanced-input-filter [emitOnInit]="false" [filters]="inputFilters" (search)="onSearch($event)"></my-advanced-input-filter>
<div class="peertube-select-container peertube-select-button">
<select [(ngModel)]="sort" (ngModelChange)="onChangeSortColumn()" class="form-control">
<option value="undefined" disabled i18n>Sort by</option>
<select [(ngModel)]="sort" (ngModelChange)="onChangeSortColumn()" class="form-control" i18n-ariaLabel aria-label="Sort by">
<option value="-publishedAt" i18n>Last published first</option>
<option value="-createdAt" i18n>Last created first</option>
<option value="-views" i18n>Most viewed first</option>

13
client/src/sass/include/_mixins.scss
View File

@ -412,21 +412,8 @@
@include rounded-line-height-1-5($form-input-font-size);
&:focus {
outline: none;
}
&:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
option {
color: #000;
&[value=undefined] {
font-weight: $font-semibold;
}
}
}