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

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

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