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

started to mix search form and advanced search form into one unique block, the idea is to switch to one from an other with tabs

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2017-10-25 17:01:00 +02:00
parent 9bfbd861ca
commit 55700094a2
4 changed files with 192 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3824,6 +3824,14 @@ body.home-v2 #main {
#tool-bar #block-materio-search-api-materio-search-api-search > .inner:active {
transition: box-shadow 0s ease-out;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
#tool-bar #block-materio-search-api-materio-search-api-search > .inner > div {
padding-top: 0.5em; }
#tool-bar #block-materio-search-api-materio-search-api-search > .inner > div h4 {
margin: 0;
text-align: left;
font-size: 14px; }
#tool-bar #block-materio-search-api-materio-search-api-search > .inner > div:not(:first-of-type) {
margin-top: 0.5em; }
#tool-bar #materio-search-api-search-form {
text-align: right;
display: moz-inline-stack;
@@ -3832,7 +3840,7 @@ body.home-v2 #main {
zoom: 1;
*display: inline;
margin: 0; }
#tool-bar #materio-search-api-search-form .form-item, #tool-bar #materio-search-api-search-form input, #tool-bar #materio-search-api-search-form .form-checkboxes {
#tool-bar #materio-search-api-search-form .form-item, #tool-bar #materio-search-api-search-form input, #tool-bar #materio-search-api-search-form .form-checkboxes, #tool-bar #materio-search-api-search-form .form-wrapper {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
@@ -3848,11 +3856,14 @@ body.home-v2 #main {
margin: 0 5px; }
#tool-bar #materio-search-api-search-form .form-checkboxes .form-item label {
font-size: 10px; }
#tool-bar #materio-search-api-search-form #edit-rightcol {
padding-left: 0.5em;
margin-left: 0.5em;
border-left: 1px solid #ccc; }
#tool-bar #materio-search-api-search-form a.back-search-home {
display: inline-block;
vertical-align: middle;
color: #000;
padding: 0 0.5em 0 0.2em; }
color: #000; }
#tool-bar #materio-search-api-search-form a.back-search-home i:before {
font-size: 1.3em; }
#tool-bar #materio-search-api-search-form input#edit-searchfield {
@@ -3880,43 +3891,23 @@ body.home-v2 #main {
width: 16em; }
#tool-bar #materio-search-api-search-form #edit-bundles-filter {
display: none; } }
#tool-bar #block-materio-search-api-mo-searchapi-advanced-search {
float: right; }
#tool-bar #block-materio-search-api-mo-searchapi-advanced-search > .inner {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin: 0 0 0 10px;
padding: 3px 10px;
background-color: #fff;
border-radius: 3px;
background-clip: padding-box;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
transition: box-shadow 0.3s ease-out; }
#tool-bar #block-materio-search-api-mo-searchapi-advanced-search > .inner:hover, #tool-bar #block-materio-search-api-mo-searchapi-advanced-search > .inner:focus {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
#tool-bar #block-materio-search-api-mo-searchapi-advanced-search > .inner:active {
transition: box-shadow 0s ease-out;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
#tool-bar #materio-search-api-advanced-search-form > div {
position: relative; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters, #tool-bar #materio-search-api-advanced-search-form #edit-rightcol {
display: inline-block;
vertical-align: top; }
#tool-bar #materio-search-api-advanced-search-form #edit-rightcol {
position: relative;
text-align: center; }
#tool-bar #materio-search-api-advanced-search-form #edit-rightcol > * {
display: block; }
#tool-bar #materio-search-api-advanced-search-form #edit-rightcol a.back-search-home {
color: #000;
padding-top: 0.45em; }
#tool-bar #materio-search-api-advanced-search-form #edit-rightcol a.back-search-home i:before {
font-size: 1.3em; }
#tool-bar #materio-search-api-advanced-search-form #edit-rightcol #edit-search {
margin: 1em 0 0.5em; }
#tool-bar #materio-search-api-advanced-search-form > div #advancedsearch-filters, #tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper {
display: inline-block;
vertical-align: top; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper {
position: relative;
text-align: center; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper > * {
display: block; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper 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 {
font-size: 1.3em; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper #edit-search {
margin: 1em 0 0.5em; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters {
padding-right: 0.5em;
margin-right: 0.5em;

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

@@ -1030,12 +1030,12 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
}
}
// _____ __
// / ___/___ ____ ___________/ /_
// \__ \/ _ \/ __ `/ ___/ ___/ __ \
// ___/ / __/ /_/ / / / /__/ / / /
// /____/\___/\__,_/_/ \___/_/ /_/
// _____ __ ____ __ __
// / ___/___ ____ ___________/ /_ / __ )/ /___ _____/ /__
// \__ \/ _ \/ __ `/ ___/ ___/ __ \ / __ / / __ \/ ___/ //_/
// ___/ / __/ /_/ / / / /__/ / / / / /_/ / / /_/ / /__/ ,<
// /____/\___/\__,_/_/ \___/_/ /_/ /_____/_/\____/\___/_/|_|
#block-materio-search-api-materio-search-api-search{
// @include inlineblock(); vertical-align: middle ;
// position:absolute; top:10px; right:0;
@@ -1044,14 +1044,33 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
@include inlineblock(); margin:0 0 0 10px;
padding: 3px 10px; background-color:#fff; @include rounded(3px);
@include shadowBtn(); text-align: right;
>div{
h4{
margin:0;
text-align: left;
@include fs14;
}
padding-top: 0.5em;
&:not(:first-of-type){
margin-top: 0.5em;
// border-top: 1px solid #ccc;
}
}
}
}
// _____ __
// / ___/___ ____ ___________/ /_
// \__ \/ _ \/ __ `/ ___/ ___/ __ \
// ___/ / __/ /_/ / / / /__/ / / /
// /____/\___/\__,_/_/ \___/_/ /_/
#materio-search-api-search-form{
text-align: right;
@include inlineblock(); margin: 0;
.form-item, input, .form-checkboxes{@include inlineblock(); margin:0; vertical-align:middle; padding:0;}
.form-item, input, .form-checkboxes, .form-wrapper{@include inlineblock(); margin:0; vertical-align:middle; padding:0;}
.form-checkboxes{
padding: 3px; @include fs12;
@@ -1061,11 +1080,18 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
}
}
#edit-rightcol{
padding-left: 0.5em;
margin-left: 0.5em;
border-left: 1px solid #ccc;
}
a.back-search-home{
display:inline-block;
vertical-align: middle;
color:#000;
padding: 0 0.5em 0 0.2em;
// padding: 0 0.2em 0 0.5em;
// margin-left: 0.5em;
// border-left: 1px solid #ccc;
i:before{
font-size:1.3em;
}
@@ -1086,7 +1112,9 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
}
};
input#edit-create{ padding: 3px; }
input#edit-create{
padding: 3px;
}
&.loading{
background: transparent url('../img/ajax-loader.gif') no-repeat 98% center;
@@ -1105,85 +1133,84 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
// / ___ / /_/ /| |/ / /_/ / / / / /__/ __/ /_/ / ___/ / __/ /_/ / / / /__/ / / /
// /_/ |_\__,_/ |___/\__,_/_/ /_/\___/\___/\__,_/ /____/\___/\__,_/_/ \___/_/ /_/
#block-materio-search-api-mo-searchapi-advanced-search{
// @include inlineblock(); vertical-align: middle ;
// position:absolute; top:10px; right:0;
float:right;
>.inner{
@include inlineblock(); margin:0 0 0 10px;
padding: 3px 10px; background-color:#fff; @include rounded(3px);
@include shadowBtn();
// text-align: right;
}
}
// #block-materio-search-api-mo-searchapi-advanced-search{
// // @include inlineblock(); vertical-align: middle ;
// // position:absolute; top:10px; right:0;
// float:right;
// >.inner{
// @include inlineblock(); margin:0 0 0 10px;
// padding: 3px 10px; background-color:#fff; @include rounded(3px);
// @include shadowBtn();
// // text-align: right;
// }
#materio-search-api-advanced-search-form{
>div{
position: relative;
}
#advancedsearch-filters, #edit-rightcol{
display: inline-block;
vertical-align: top;
}
#edit-rightcol{
position: relative;
text-align: center;
>*{display:block;}
a.back-search-home{
color:#000;
padding-top: 0.45em;
i:before{
font-size:1.3em;
}
}
#edit-search{
margin: 1em 0 0.5em;
}
}
#advancedsearch-filters{
padding-right: 0.5em;
margin-right: 0.5em;
border-right: 1px solid #ccc;
.filter-line{
margin:0.3em 0;
padding-top:0.3em;
&:not(:first-child){
border-top: 1px solid #ccc;
}
.form-item{
display:inline-block;
vertical-align: middle;
@include fs12; line-height:1;
// padding-right:3em;
text-transform: capitalize;
// min-width : 4em;
margin:0 0em 0 0;
#materio-search-api-advanced-search-form{
>div{
position: relative;
#advancedsearch-filters, >.form-wrapper{
display: inline-block;
vertical-align: top;
}
select{
width:auto;
>.form-wrapper{
position: relative;
text-align: center;
>*{display:block;}
a.back-search-home{
color:#000;
padding-top: 0.45em;
i:before{
font-size:1.3em;
}
}
#edit-search{
margin: 1em 0 0.5em;
}
}
}
.rm-btn{
float: right;
margin:0.4em 0 0.4em 0.4em;
#advancedsearch-filters{
padding-right: 0.5em;
margin-right: 0.5em;
border-right: 1px solid #ccc;
.filter-line{
margin:0.3em 0;
padding-top:0.3em;
&:not(:first-child){
border-top: 1px solid #ccc;
}
.form-item{
display:inline-block;
vertical-align: middle;
@include fs12; line-height:1;
// padding-right:3em;
text-transform: capitalize;
// min-width : 4em;
margin:0 0em 0 0;
}
select{
width:auto;
}
}
.rm-btn{
float: right;
margin:0.4em 0 0.4em 0.4em;
}
.add-filter{
margin:0.5em 0;
}
}
.add-filter{
margin:0.5em 0;
}
}
}
// }
}