[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": { "BUTTONS": {
"CLOSE": "Close", "CLOSE": "Close",
"CLEAR": "Clear",
"REMOVE": "Remove", "REMOVE": "Remove",
"APPLY": "Apply", "APPLY": "Apply",
"CLEAR-ALL": { "CLEAR-ALL": {

View File

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