bachir/materio-base-legacy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refined advanced search form display to be more explicite

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2017-11-20 17:52:39 +01:00
parent 81810c5af4
commit 106129c27c
3 changed files with 232 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
sites/all/themes/gui/materiobasetheme/scss/styles.scss
View File

@@ -573,6 +573,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
@media #{$small-only}{
margin-top:0;
}
max-height: 100px;
}
/*
_
@@ -1196,12 +1197,12 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
#materio-search-api-advanced-search-form{
>div{
position: relative;
#advancedsearch-filters, >.form-wrapper{
#advancedsearch-filters-wrapper, .form-wrapper.right-col{
display: inline-block;
vertical-align: top;
}
>.form-wrapper{
.form-wrapper.right-col{
position: relative;
text-align: center;
>*{display:block;}
@@ -1218,22 +1219,56 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
}
}
#advancedsearch-filters{
.form-wrapper.advancedsearch-filters{
padding-right: 0.5em;
margin-right: 0.5em;
border-right: 1px solid #ccc;
.advanced-search-form-table{
display:table;
border-collapse:separate;
border-spacing: 0 0.2em;
// min-width: 500px;
}
.advanced-search-form-headers{
display:table-header-group;
width:100%;
// grid-template-columns: 30% 30% 30%;
>div{
display:table-cell;
// min-width: 30%;
text-align: left;
text-transform: uppercase;
font-size: 9px;
}
>div:last-child:after{
content:"";
display:table-cell;
}
}
.filter-line{
margin:0.3em 0;
padding-top:0.3em;
display: table-row;
&:not(:first-child){
border-top: 1px solid #ccc;
}
>*{
display:table-cell;
text-align: left;
&:not(:last-child){
padding:0 1em 0 0;
}
}
.form-item{
display:inline-block;
vertical-align: middle;
// display:inline-block;
// vertical-align: middle;
@include fs12; line-height:1;
// padding-right:3em;
text-transform: capitalize;
@@ -1244,15 +1279,29 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
select{
width:auto;
}
.filter-markup{
// border-left: 1px solid #ccc;
span{
padding:0.4em 1em;
display: block;
font-size: 11px;
background-color: #eee;
color:#777;
text-align: center;
border-radius: 7px;
}
}
}
.rm-btn{
float: right;
margin:0.4em 0 0.4em 0.4em;
}
// .rm-btn{
// float: right;
// margin:0.4em 0 0.4em 0.4em;
// }
.add-filter{
margin:0.5em 0;
display: table-row;
}
}