inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-09-17 14:21:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-7449] Selected filter fix broken styling

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/content-services/src/lib/search/components/search-filter-chips/search-filter-chips.component.ts
View File

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

1
lib/content-services/src/lib/search/components/search-filter-chips/search-widget-chip/search-widget-chip.component.html
View File

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

31
lib/content-services/src/lib/search/components/search-filter-chips/search-widget-chip/search-widget-chip.component.ts
View File

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