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

fixed loading indicator for both search forms

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2017-11-15 13:53:48 +01:00
parent 12c076c349
commit 81810c5af4
5 changed files with 99 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1157,13 +1157,17 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
}
};
input#edit-create{
// input#edit-create{
div.search-btn-wrapper{
display: inline-block;
padding: 3px;
}
&.loading{
background: transparent url('../img/ajax-loader.gif') no-repeat 98% center;
input#edit-create{ visibility: hidden; }
div.search-btn-wrapper{
background: transparent url('../img/ajax-loader.gif') no-repeat center center;
input{ visibility: hidden; }
}
}
@media #{$small-only}{
@@ -1189,72 +1193,83 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
// // text-align: right;
// }
#materio-search-api-advanced-search-form{
>div{
#materio-search-api-advanced-search-form{
>div{
position: relative;
#advancedsearch-filters, >.form-wrapper{
display: inline-block;
vertical-align: top;
}
>.form-wrapper{
position: relative;
#advancedsearch-filters, >.form-wrapper{
display: inline-block;
vertical-align: top;
text-align: center;
>*{display:block;}
a.back-search-home{
color:#000;
padding-top: 0.45em;
i:before{
font-size:1.3em;
}
}
>.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;
}
#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;
}
select{
width:auto;
}
}
.rm-btn{
float: right;
margin:0.4em 0 0.4em 0.4em;
}
.add-filter{
margin:0.5em 0;
}
}
}
#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;
}
}
div.search-btn-wrapper{
display: inline-block;
// padding: 3px;
}
&.loading{
div.search-btn-wrapper{
background: transparent url('../img/ajax-loader.gif') no-repeat center center;
input{ visibility: hidden; }
}
}
}
// }
}