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

Fix accessibility action buttons and display on imports and followers list

pull/2977/head
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"> <td class="action-cell">
<ng-container *ngIf="follow.state === 'pending'"> <ng-container *ngIf="follow.state === 'pending'">
<my-button i18n-label label="Accept" icon="tick" (click)="acceptFollower(follow)"></my-button> <my-button i18n-title title="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="Refuse" icon="cross" (click)="rejectFollower(follow)"></my-button>
</ng-container> </ng-container>
<my-delete-button *ngIf="follow.state === 'accepted'" (click)="deleteFollower(follow)"></my-delete-button> <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>{{ videoImport.createdAt | date: 'short' }}</td>
<td class="action-cell"> <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> </td>
</tr> </tr>
</ng-template> </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-global-icon *ngIf="!loading" [iconName]="icon"></my-global-icon>
<my-small-loader [loading]="loading"></my-small-loader> <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> <my-global-icon iconName="delete" aria-hidden="true"></my-global-icon>
<span class="button-label" *ngIf="label">{{ label }}</span> <span class="button-label" *ngIf="label">{{ label }}</span>

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

@ -79,15 +79,6 @@ p-table {
tr { tr {
&:hover { &:hover {
background-color: pvar(--submenuColor) !important; background-color: pvar(--submenuColor) !important;
.action-cell {
.dropdown-root,
my-edit-button,
my-delete-button,
my-button {
display: inline-block !important;
}
}
} }
td { td {
@ -164,18 +155,9 @@ p-table {
my-edit-button, my-edit-button,
my-delete-button, my-delete-button,
my-button { my-button {
display: none !important; display: inline-block !important;
margin-left: 5px; 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 { :first-child {
margin-left: 0 margin-left: 0
} }