mirror of
https://github.com/Chocobozzz/PeerTube.git
synced 2024-09-11 21:47:09 +03:00
Fix video filter pastille accessibility
This commit is contained in:
parent
f027bdb4b0
commit
77c002f07f
@ -23,8 +23,8 @@
|
||||
<my-global-icon iconName="chevrons-up"></my-global-icon>
|
||||
</button>
|
||||
|
||||
<button
|
||||
*ngFor="let activeFilter of filters.getActiveFilters()" (click)="resetFilter(activeFilter.key, activeFilter.canRemove)"
|
||||
<div
|
||||
*ngFor="let activeFilter of filters.getActiveFilters()"
|
||||
class="active-filter pastille button-unstyle" [ngClass]="{ 'can-remove': activeFilter.canRemove }" [title]="getFilterTitle(activeFilter.canRemove)"
|
||||
>
|
||||
<span>
|
||||
@ -33,8 +33,14 @@
|
||||
<ng-container *ngIf="activeFilter.value">: {{ activeFilter.value }}</ng-container>
|
||||
</span>
|
||||
|
||||
<my-global-icon *ngIf="activeFilter.canRemove" iconName="cross"></my-global-icon>
|
||||
</button>
|
||||
<button
|
||||
*ngIf="activeFilter.canRemove" type="button" class="remove-button"
|
||||
(click)="resetFilter(activeFilter.key, activeFilter.canRemove)"
|
||||
i18n-title title="Remove this filter"
|
||||
>
|
||||
<my-global-icon iconName="cross"></my-global-icon>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ng-select
|
||||
|
@ -94,11 +94,16 @@
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
my-global-icon {
|
||||
> .remove-button {
|
||||
@include margin-left(10px);
|
||||
|
||||
width: 16px;
|
||||
color: pvar(--greyForegroundColor);
|
||||
border: 0;
|
||||
padding: 0;
|
||||
|
||||
my-global-icon {
|
||||
width: 16px;
|
||||
color: pvar(--greyForegroundColor);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user