[AAE-49015] - Removing and replacing mat-selectors

This commit is contained in:
VitoAlbano
2026-08-03 13:13:49 +01:00
parent 5c7fa59fa1
commit 71339b6fbf
4 changed files with 4 additions and 16 deletions
@@ -5,12 +5,10 @@ $mat-tab-header: '.mat-mdc-tab-header';
$mat-checkbox-box: '.mdc-checkbox'; $mat-checkbox-box: '.mdc-checkbox';
$mat-form-field: '.mat-mdc-form-field'; $mat-form-field: '.mat-mdc-form-field';
$mat-card-content: '.mat-mdc-card-content'; $mat-card-content: '.mat-mdc-card-content';
$mat-menu-panel: '.mat-mdc-menu-panel';
$mat-form-field-infix: '.mat-mdc-form-field-infix'; $mat-form-field-infix: '.mat-mdc-form-field-infix';
$mat-floating-label: '.mdc-floating-label'; $mat-floating-label: '.mdc-floating-label';
$mat-select-arrow-wrapper: '.mat-mdc-select-arrow-wrapper'; $mat-select-arrow-wrapper: '.mat-mdc-select-arrow-wrapper';
$mat-evolution-chip: '.mdc-evolution-chip'; $mat-evolution-chip: '.mdc-evolution-chip';
$mat-notched-outline: '.mdc-notched-outline'; $mat-notched-outline: '.mdc-notched-outline';
$mat-evolution-chip-graphic: '.mdc-evolution-chip__graphic';
$mat-evolution-chip-set: '.mdc-evolution-chip-set'; $mat-evolution-chip-set: '.mdc-evolution-chip-set';
$cdk-overlay-pane: '.cdk-overlay-pane'; $cdk-overlay-pane: '.cdk-overlay-pane';
@@ -23,7 +23,7 @@
</ng-template> </ng-template>
</mat-chip> </mat-chip>
<mat-menu #menu="matMenu" class="adf-search-widget-extra-width" backdropClass="adf-search-filter-chip-menu" (closed)="onClosed()"> <mat-menu #menu="matMenu" class="adf-search-widget-extra-width adf-search-facet-chip-tabbed-menu-panel" backdropClass="adf-search-filter-chip-menu" (closed)="onClosed()">
<div #menuContainer [attr.data-automation-id]="'search-field-' + tabbedFacet.label"> <div #menuContainer [attr.data-automation-id]="'search-field-' + tabbedFacet.label">
<adf-search-filter-menu-card (click)="$event.stopPropagation()" <adf-search-filter-menu-card (click)="$event.stopPropagation()"
(keydown.tab)="$event.stopPropagation();" (keydown.tab)="$event.stopPropagation();"
@@ -1,14 +1,8 @@
@use '../../../../mat-selectors.scss' as ms;
adf-search-facet-chip-tabbed { adf-search-facet-chip-tabbed {
.adf-search-filter-chip-tabbed { .adf-search-filter-chip-tabbed {
&[disabled] { &[disabled] {
pointer-events: none; pointer-events: none;
} }
#{ms.$mat-evolution-chip-graphic} {
display: none;
}
} }
.adf-search-filter-chip-icon { .adf-search-filter-chip-icon {
@@ -16,6 +10,8 @@ adf-search-facet-chip-tabbed {
} }
} }
.adf-search-widget-extra-width#{ms.$mat-menu-panel} { // Compound of two ADF panel classes (matches Material's .mat-mdc-menu-panel specificity 0,2,0)
// so the width override wins without targeting the Material internal.
.adf-search-widget-extra-width.adf-search-facet-chip-tabbed-menu-panel {
max-width: 500px; max-width: 500px;
} }
@@ -1,10 +1,4 @@
@use '../../../../mat-selectors.scss' as ms;
.adf-search-filter-chip { .adf-search-filter-chip {
#{ms.$mat-evolution-chip-graphic} {
display: none;
}
&[disabled] { &[disabled] {
pointer-events: none; pointer-events: none;
} }