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

tabs interface for search forms is ready

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2017-10-30 12:07:21 +01:00
parent 55700094a2
commit 2f56697bb7
5 changed files with 175 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1042,21 +1042,66 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
float:right;
>.inner{
@include inlineblock(); margin:0 0 0 10px;
padding: 3px 10px; background-color:#fff; @include rounded(3px);
min-width: 400px;
padding: 5px 10px; background-color:#fff; @include rounded(3px);
@include shadowBtn(); text-align: right;
>div{
h4.form-title{
padding: 0.2em 0 0.1em 0.2em;
margin: 0.2em 0 0.1em 0.2em;
text-align: left;
@include fs14;
html.no-js &{
display:none;
}
}
&.msa-advanced-search{
// border-top: 1px solid #ccc;
html.no-js &{
display:none;
}
}
}
&.tabed{
.searchform-tabs{
text-align: left;
// border-bottom: 1px solid #ccc;
margin-bottom: 4px;
h4{
margin:0;
text-align: left;
@include fs14;
@include inlineblock();
@include fs12;
cursor: pointer;
border-radius: 5px 5px 0 0;
padding: 0.1em 0.5em;
// margin:0 4px;
transition: color 0.5s ease-in-out;
&.active{
border: 1px solid #ccc;
border-bottom: 1px solid #FFF;
background-color: #fff;
}
&:not(.active){
color: #ccc;
// border-bottom: 1px solid #ccc;
&:hover{
color: inherit;
}
}
}
padding-top: 0.5em;
&:not(:first-of-type){
margin-top: 0.5em;
// border-top: 1px solid #ccc;
&:after{
content: "";
display: block;
// z-index: 5;
// height:3px;
background-color: #fff;
border-top: 1px solid #ccc;
margin-top: -3px;
}
}
.msa-form-wrapper:not(.active){
display: none;
}
}
}