[ACS-4294] Added title to clear button and changed its icon type to clear from close (#8270)

* Added label to clear button and changed icon from close to clear

* Added the label to icon

* changed from property binding to attribute binding
This commit is contained in:
Aayush Rohila
2023-02-24 02:46:24 +05:30
committed by GitHub
parent 7028910616
commit b5310f6b89
2 changed files with 3 additions and 1 deletions

View File

@@ -245,6 +245,7 @@
},
"BUTTONS": {
"CLOSE": "Close",
"CLEAR": "Clear",
"REMOVE": "Remove",
"APPLY": "Apply",
"CLEAR-ALL": {

View File

@@ -8,8 +8,9 @@
<input matInput placeholder="{{ 'SEARCH.FILTER.ACTIONS.SEARCH' | translate }}"
[attr.data-automation-id]="'facet-result-filter-'+field.label" [(ngModel)]="field.buckets.filterText">
<button *ngIf="field.buckets.filterText" mat-button matSuffix mat-icon-button
[attr.title]="'SEARCH.FILTER.BUTTONS.CLEAR' | translate"
(click)="field.buckets.filterText = ''">
<mat-icon role="button" [attr.aria-label]="'SEARCH.FILTER.BUTTONS.CLOSE' | translate">close</mat-icon>
<mat-icon role="button" [attr.aria-label]="'SEARCH.FILTER.BUTTONS.CLEAR' | translate">clear</mat-icon>
</button>
</mat-form-field>
</div>