[ACS-7449] Selected filter fix broken styling

This commit is contained in:
Tomasz Nastaly
2024-03-29 10:02:16 +01:00
parent 490a730fa6
commit 3b9410ed90
3 changed files with 20 additions and 14 deletions

View File

@@ -29,7 +29,7 @@ import { FacetField, SearchCategory, TabbedFacetField } from '../../models';
encapsulation: ViewEncapsulation.None
})
export class SearchFilterChipsComponent implements OnInit, OnDestroy {
private queryBuilder = inject(SearchQueryBuilderService);
public queryBuilder = inject(SearchQueryBuilderService);
private facetFiltersService = inject(SearchFacetFiltersService);
private onDestroy$ = new Subject<void>();

View File

@@ -2,7 +2,6 @@
disableRipple
class="adf-search-filter-chip"
[class.adf-search-toggle-chip]="(widget.getDisplayValue() | async) || menuTrigger.menuOpen"
[tabIndex]="0"
[matMenuTriggerFor]="menu"
(menuOpened)="onMenuOpen()"
(keydown.enter)="onEnterKeydown()"

View File

@@ -22,19 +22,26 @@ import { MatMenuTrigger } from '@angular/material/menu';
import { SearchWidgetContainerComponent } from '../../search-widget-container/search-widget-container.component';
@Component({
selector: 'adf-search-widget-chip',
templateUrl: './search-widget-chip.component.html',
styles: [
`
.adf-search-widget-extra-width {
max-width: 500px;
}
`
],
encapsulation: ViewEncapsulation.None
})
export class SearchWidgetChipComponent {
selector: 'adf-search-widget-chip',
templateUrl: './search-widget-chip.component.html',
styles: [
`
.adf-search-widget-extra-width {
max-width: 500px;
}
.mdc-evolution-chip__checkmark {
display: none;
}
.mat-mdc-chip-graphic {
width: 0 !important;
}
`
],
encapsulation: ViewEncapsulation.None
})
export class SearchWidgetChipComponent {
@Input()
category: SearchCategory;