forks/peertube
1
0
Fork 0
Code Releases Activity

Fix accessibility action buttons and display on imports and followers list

Browse source
This commit is contained in:
kimsible 2020-07-20 14:12:00 +02:00 committed by Chocobozzz
parent 2821595787
commit 2170f1db6e
5 changed files with 6 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client/src/app/+admin/follows/followers-list/followers-list.component.html
View file

@ -44,8 +44,8 @@
<td class="action-cell">
<ng-container *ngIf="follow.state === 'pending'">
<my-button i18n-label label="Accept" icon="tick" (click)="acceptFollower(follow)"></my-button>
<my-button i18n-label label="Refuse" icon="cross" (click)="rejectFollower(follow)"></my-button>
<my-button i18n-title title="Accept" icon="tick" (click)="acceptFollower(follow)"></my-button>
<my-button i18n-title title="Refuse" icon="cross" (click)="rejectFollower(follow)"></my-button>
</ng-container>
<my-delete-button *ngIf="follow.state === 'accepted'" (click)="deleteFollower(follow)"></my-delete-button>

2
client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.html
View file

@ -45,7 +45,7 @@
<td>{{ videoImport.createdAt | date: 'short' }}</td>
<td class="action-cell">
<my-edit-button *ngIf="isVideoImportSuccess(videoImport) && videoImport.video" [routerLink]="getEditVideoUrl(videoImport.video)"></my-edit-button>
<my-edit-button label=" " *ngIf="isVideoImportSuccess(videoImport) && videoImport.video" [routerLink]="getEditVideoUrl(videoImport.video)"></my-edit-button>
</td>
</tr>
</ng-template>

2
client/src/app/shared/shared-main/buttons/button.component.html
View file

@ -1,4 +1,4 @@
<span class="action-button" [ngClass]="getClasses()" [title]="getTitle()">
<span class="action-button" [ngClass]="getClasses()" [title]="getTitle()" tabindex="0">
<my-global-icon *ngIf="!loading" [iconName]="icon"></my-global-icon>
<my-small-loader [loading]="loading"></my-small-loader>

2
client/src/app/shared/shared-main/buttons/delete-button.component.html
View file

@ -1,4 +1,4 @@
<span class="action-button action-button-delete grey-button" [title]="title" role="button">
<span class="action-button action-button-delete grey-button" [title]="title" role="button" tabindex="0">
<my-global-icon iconName="delete" aria-hidden="true"></my-global-icon>
<span class="button-label" *ngIf="label">{{ label }}</span>

20
client/src/sass/primeng-custom.scss
View file

@ -79,15 +79,6 @@ p-table {
tr {
&:hover {
background-color: pvar(--submenuColor) !important;
.action-cell {
.dropdown-root,
my-edit-button,
my-delete-button,
my-button {
display: inline-block !important;
}
}
}
td {
@ -164,18 +155,9 @@ p-table {
my-edit-button,
my-delete-button,
my-button {
display: none !important;
display: inline-block !important;
margin-left: 5px;
&.show {
display: inline-block !important;
}
// keep displaying on touchscreen
@media not all and (hover: hover) and (pointer: fine) {
display: inline-block !important;
}
:first-child {
margin-left: 0
}