Commit 2170f1db authored by kimsible's avatar kimsible Committed by Chocobozzz

Fix accessibility action buttons and display on imports and followers list

parent 28215957
......@@ -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>
......
......@@ -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>
......
<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>
......
<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>
......
......@@ -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
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment