inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-31 17:38:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

styling (#407)

Browse Source
This commit is contained in:
Cilibiu Bogdan
2018-06-13 17:25:10 +03:00
committed by Denys Vuika
parent e8ad0ad9ab
commit 1384a0e49d
2 changed files with 28 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/app/components/search/search.component.html
View File

@@ -63,10 +63,6 @@
</adf-toolbar> </adf-toolbar>
</div> </div>
<div class="adf-search-results__facets">
<adf-search-chip-list [searchFilter]="searchFilter"></adf-search-chip-list>
</div>
<div class="inner-layout__content"> <div class="inner-layout__content">
<adf-search <adf-search
#search #search
@@ -81,9 +77,16 @@
<adf-search-filter #searchFilter></adf-search-filter> <adf-search-filter #searchFilter></adf-search-filter>
<div class="adf-search-results__content"> <div class="adf-search-results__content">
<div class="adf-search-results__content-header" *ngIf="data?.list.entries.length"> <div class="adf-search-results__content-header content" *ngIf="data?.list.entries.length">
<div class="adf-search-results--info-text">{{ 'APP.BROWSE.SEARCH.FOUND_RESULTS' | translate: { number: totalResults } }}</div> <div class="content__side--left">
<adf-search-sorting-picker></adf-search-sorting-picker> <div class="adf-search-results--info-text">{{ 'APP.BROWSE.SEARCH.FOUND_RESULTS' | translate: { number: totalResults } }}</div>
<div class="adf-search-results__facets">
<adf-search-chip-list [searchFilter]="searchFilter"></adf-search-chip-list>
</div>
</div>
<adf-search-sorting-picker class="content__side--right"></adf-search-sorting-picker>
</div> </div>
<adf-document-list <adf-document-list

22
src/app/components/search/search.component.scss
View File

@@ -5,10 +5,9 @@
&__facets { &__facets {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
justify-content: center; margin-top: 5px;
padding: 5px; margin-bottom: 5px;
border-bottom: 1px solid #eee;
} }
&__content { &__content {
@@ -21,6 +20,7 @@
padding: 0 25px 0 25px; padding: 0 25px 0 25px;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
border-bottom: 1px solid #eee;
} }
&--info-text { &--info-text {
@@ -39,4 +39,18 @@
.text--bold { .text--bold {
font-weight: 600; font-weight: 600;
} }
.content {
@include flex-row;
flex: unset;
height: unset;
padding-top: 8px;
padding-bottom: 8px;
flex-wrap: wrap;
&__side--left {
@include flex-column;
height: unset;
}
}
} }