inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-26 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix search filter styles (#3313)

Browse Source
This commit is contained in:
Denys Vuika 2018-05-11 12:21:07 +01:00 committed by Eugenio Romano
parent dde0e1807b
commit 33115567db
2 changed files with 29 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
lib/content-services/search/components/search-filter/search-filter.component.html
View File

@ -21,17 +21,19 @@
<mat-expansion-panel-header>
<mat-panel-title>{{ facetQueriesLabel | translate }}</mat-panel-title>
</mat-expansion-panel-header>
<mat-form-field class="facet-result-filter">
<input
matInput
placeholder="{{ 'SEARCH.FILTER.ACTIONS.FILTER-CATEGORY' | translate }}"
[(ngModel)]="responseFacetQueries.filterText">
<button *ngIf="responseFacetQueries.filterText"
mat-button matSuffix mat-icon-button
(click)="responseFacetQueries.filterText = ''">
<mat-icon>close</mat-icon>
</button>
</mat-form-field>
<div class="facet-result-filter">
<mat-form-field>
<input
matInput
placeholder="{{ 'SEARCH.FILTER.ACTIONS.FILTER-CATEGORY' | translate }}"
[(ngModel)]="responseFacetQueries.filterText">
<button *ngIf="responseFacetQueries.filterText"
mat-button matSuffix mat-icon-button
(click)="responseFacetQueries.filterText = ''">
<mat-icon>close</mat-icon>
</button>
</mat-form-field>
</div>
<div class="checklist">
<ng-container *ngFor="let query of responseFacetQueries">
<mat-checkbox
@ -66,17 +68,19 @@
<mat-panel-title>{{ field.label }}</mat-panel-title>
</mat-expansion-panel-header>
<mat-form-field class="facet-result-filter">
<input
matInput
placeholder="{{ 'SEARCH.FILTER.ACTIONS.FILTER-CATEGORY' | translate }}"
[(ngModel)]="field.buckets.filterText">
<button *ngIf="field.buckets.filterText"
mat-button matSuffix mat-icon-button
(click)="field.buckets.filterText = ''">
<mat-icon>close</mat-icon>
</button>
</mat-form-field>
<div class="facet-result-filter">
<mat-form-field>
<input
matInput
placeholder="{{ 'SEARCH.FILTER.ACTIONS.FILTER-CATEGORY' | translate }}"
[(ngModel)]="field.buckets.filterText">
<button *ngIf="field.buckets.filterText"
mat-button matSuffix mat-icon-button
(click)="field.buckets.filterText = ''">
<mat-icon>close</mat-icon>
</button>
</mat-form-field>
</div>
<div class="checklist">
<mat-checkbox

5
lib/content-services/search/components/search-filter/search-filter.component.scss
View File

@ -10,9 +10,10 @@
}
.facet-result-filter {
width: 100%;
display: flex;
flex-direction: column;
input > {
& > * {
width: 100%;
}
}