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

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

@ -21,7 +21,8 @@
<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">
<mat-form-field>
<input <input
matInput matInput
placeholder="{{ 'SEARCH.FILTER.ACTIONS.FILTER-CATEGORY' | translate }}" placeholder="{{ 'SEARCH.FILTER.ACTIONS.FILTER-CATEGORY' | translate }}"
@ -32,6 +33,7 @@
<mat-icon>close</mat-icon> <mat-icon>close</mat-icon>
</button> </button>
</mat-form-field> </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,7 +68,8 @@
<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">
<mat-form-field>
<input <input
matInput matInput
placeholder="{{ 'SEARCH.FILTER.ACTIONS.FILTER-CATEGORY' | translate }}" placeholder="{{ 'SEARCH.FILTER.ACTIONS.FILTER-CATEGORY' | translate }}"
@ -77,6 +80,7 @@
<mat-icon>close</mat-icon> <mat-icon>close</mat-icon>
</button> </button>
</mat-form-field> </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%;
} }
} }