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

Fix table configuration dropdown accessibility

pull/6648/head
Chocobozzz 2024-09-27 10:03:51 +02:00
parent 933c72233b
commit ff7ac05d11
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
1 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
client/src/app/+admin/overview/users/user-list/user-list.component.html
View File

@ -36,29 +36,35 @@
<th scope="col" style="width: 40px"> <th scope="col" style="width: 40px">
<p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox> <p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox>
</th> </th>
<th scope="col" style="width: 40px;"> <th scope="col" style="width: 40px;">
<span i18n class="visually-hidden">More information</span> <span i18n class="visually-hidden">More information</span>
</th> </th>
<th scope="col" style="width: 70px;"> <th scope="col" style="width: 70px;">
<div class="c-hand column-toggle" ngbDropdown placement="bottom-left auto" container="body" autoClose="outside"> <div class="c-hand column-toggle" ngbDropdown placement="bottom-left auto" container="body" autoClose="outside">
<button class="border-0 p-0" ngbDropdownToggle> <button type="button" class="border-0 p-0" ngbDropdownToggle i18n-title title="Open table configuration">
<my-global-icon iconName="columns"></my-global-icon> <my-global-icon iconName="columns"></my-global-icon>
</button> </button>
<div role="menu" class="dropdown-menu" ngbDropdownMenu> <div ngbDropdownMenu class="p-3">
<div class="dropdown-header" i18n>Table parameters</div> <div class="form-group">
<div ngbDropdownItem class="dropdown-item"> <label i18n for="select-columns">Select the columns to display</label>
<my-select-checkbox <my-select-checkbox
name="columns" labelForId="select-columns"
[availableItems]="columns" [availableItems]="columns"
[selectableGroup]="false" [(ngModel)]="selectedColumns" [selectableGroup]="false" [(ngModel)]="selectedColumns"
i18n-placeholder placeholder="Select columns" i18n-placeholder placeholder="Select the columns to display"
> >
</my-select-checkbox> </my-select-checkbox>
</div> </div>
<div ngbDropdownItem class="dropdown-item">
<my-peertube-checkbox inputName="highlightBannedUsers" [(ngModel)]="highlightBannedUsers" <div class="form-group">
i18n-labelText labelText="Highlight banned users"></my-peertube-checkbox> <my-peertube-checkbox
inputName="highlightBannedUsers" [(ngModel)]="highlightBannedUsers"
i18n-labelText labelText="Highlight banned users"
></my-peertube-checkbox>
</div> </div>
</div> </div>
</div> </div>