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

66
sites/all/themes/gui/materiobasetheme/css/styles.css
View File

@@ -3289,7 +3289,8 @@ body.node-type-publication #footer {
*/
#utilities {
background-color: #fff;
margin-top: 60px; }
margin-top: 60px;
max-height: 100px; }
.not-logged-in #utilities {
overflow: hidden; }
#utilities > .inner {
@@ -3926,44 +3927,69 @@ body.home-v2 #main {
display: none; } }
#tool-bar #materio-search-api-advanced-search-form > div {
position: relative; }
#tool-bar #materio-search-api-advanced-search-form > div #advancedsearch-filters, #tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper {
#tool-bar #materio-search-api-advanced-search-form > div #advancedsearch-filters-wrapper, #tool-bar #materio-search-api-advanced-search-form > div .form-wrapper.right-col {
display: inline-block;
vertical-align: top; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper {
#tool-bar #materio-search-api-advanced-search-form > div .form-wrapper.right-col {
position: relative;
text-align: center; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper > * {
#tool-bar #materio-search-api-advanced-search-form > div .form-wrapper.right-col > * {
display: block; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper a.back-search-home {
#tool-bar #materio-search-api-advanced-search-form > div .form-wrapper.right-col a.back-search-home {
color: #000;
padding-top: 0.45em; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper a.back-search-home i:before {
#tool-bar #materio-search-api-advanced-search-form > div .form-wrapper.right-col a.back-search-home i:before {
font-size: 1.3em; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper #edit-search {
#tool-bar #materio-search-api-advanced-search-form > div .form-wrapper.right-col #edit-search {
margin: 1em 0 0.5em; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters {
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters {
padding-right: 0.5em;
margin-right: 0.5em;
border-right: 1px solid #ccc; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters .filter-line {
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .advanced-search-form-table {
display: table;
border-collapse: separate;
border-spacing: 0 0.2em; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .advanced-search-form-headers {
display: table-header-group;
width: 100%; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .advanced-search-form-headers > div {
display: table-cell;
text-align: left;
text-transform: uppercase;
font-size: 9px; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .advanced-search-form-headers > div:last-child:after {
content: "";
display: table-cell; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line {
margin: 0.3em 0;
padding-top: 0.3em; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters .filter-line:not(:first-child) {
padding-top: 0.3em;
display: table-row; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line:not(:first-child) {
border-top: 1px solid #ccc; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters .filter-line .form-item {
display: inline-block;
vertical-align: middle;
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line > * {
display: table-cell;
text-align: left; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line > *:not(:last-child) {
padding: 0 1em 0 0; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line .form-item {
font-size: 12px;
line-height: 1;
text-transform: capitalize;
margin: 0 0em 0 0; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters .filter-line select {
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line select {
width: auto; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters .rm-btn {
float: right;
margin: 0.4em 0 0.4em 0.4em; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters .add-filter {
margin: 0.5em 0; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line .filter-markup span {
padding: 0.4em 1em;
display: block;
font-size: 11px;
background-color: #eee;
color: #777;
text-align: center;
border-radius: 7px; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .add-filter {
margin: 0.5em 0;
display: table-row; }
#tool-bar #materio-search-api-advanced-search-form div.search-btn-wrapper {
display: inline-block; }
#tool-bar #materio-search-api-advanced-search-form.loading div.search-btn-wrapper {

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;
}
}