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

improved display of advanced search

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi 2017-11-21 10:38:27 +01:00
parent afc654c704
commit 383ca8b173
3 changed files with 55 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
sites/all/modules/gui/materiobasemod/materio_search_api.module
View File

@ -1087,7 +1087,8 @@ function materio_search_api_advanced_search_form($form, &$form_state){
'wrapper' => 'advancedsearch-filters-wrapper', 'wrapper' => 'advancedsearch-filters-wrapper',
// 'trigger_as' => array("name"=>"rmfilters".$l), // 'trigger_as' => array("name"=>"rmfilters".$l),
), ),
"#attributes" => array('class'=>array('rm-btn')), // "#attributes" => array('class'=>array('rm-btn')),
'#prefix'=> '<div class="rm-btn">', '#suffix'=> '</div>',
); );
} // end of lines loop } // end of lines loop

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

@ -3941,14 +3941,14 @@ body.home-v2 #main {
#tool-bar #materio-search-api-advanced-search-form > div .form-wrapper.right-col 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; } font-size: 1.3em; }
#tool-bar #materio-search-api-advanced-search-form > div .form-wrapper.right-col #edit-search { #tool-bar #materio-search-api-advanced-search-form > div .form-wrapper.right-col #edit-search {
margin: 1em 0 0.5em; } margin: 0.5em 0 0.5em; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters { #tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters {
padding-right: 0.5em; padding-right: 0.5em;
margin-right: 0.5em; margin-right: 0.5em;
border-right: 1px solid #ccc; } border-right: 1px solid #ccc; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .advanced-search-form-table { #tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .advanced-search-form-table {
display: table; display: table;
border-collapse: separate; border-collapse: collapse;
border-spacing: 0 0.2em; } border-spacing: 0 0.2em; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .advanced-search-form-headers { #tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .advanced-search-form-headers {
display: table-header-group; display: table-header-group;
@ -3964,14 +3964,24 @@ body.home-v2 #main {
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line { #tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line {
margin: 0.3em 0; margin: 0.3em 0;
padding-top: 0.3em; padding-top: 0.3em;
display: table-row; } display: table-row;
vertical-align: middle; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line:not(:first-child) { #tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line:not(:first-child) {
border-top: 1px solid #ccc; } border-top: 1px solid #ccc; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line:not(:first-child) > * {
padding: 0.5em 0; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line:first-child > * {
padding: 0.3em 0 0.5em; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line > * { #tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line > * {
display: table-cell; display: table-cell;
text-align: left; } text-align: left; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line > *:not(:last-child) { #tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line > *:not(:last-child) {
padding: 0 1em 0 0; } padding-right: 0.5em; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line > *:not(:first-child):not(:last-child):before {
content: ">";
color: #999;
font-size: 11px;
padding-right: 0.5em; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line .form-item { #tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line .form-item {
font-size: 12px; font-size: 12px;
line-height: 1; line-height: 1;
@ -3979,14 +3989,16 @@ body.home-v2 #main {
margin: 0 0em 0 0; } margin: 0 0em 0 0; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line select { #tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line select {
width: auto; } width: auto; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line .filter-markup span { #tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line .filter-markup {
padding: 0.4em 1em; position: relative; }
display: block; #tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line .filter-markup span {
font-size: 11px; padding: 0.4em 1em;
background-color: #eee; display: inline-block;
color: #777; width: 78%;
text-align: center; font-size: 11px;
border-radius: 7px; } color: #ccc;
text-align: center;
border-radius: 7px; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .add-filter { #tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .add-filter {
margin: 0.5em 0; margin: 0.5em 0;
display: table-row; } display: table-row; }

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

@ -1214,7 +1214,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
} }
} }
#edit-search{ #edit-search{
margin: 1em 0 0.5em; margin: 0.5em 0 0.5em;
} }
} }
} }
@ -1226,7 +1226,8 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
.advanced-search-form-table{ .advanced-search-form-table{
display:table; display:table;
border-collapse:separate; // border-collapse:separate;
border-collapse: collapse;
border-spacing: 0 0.2em; border-spacing: 0 0.2em;
// min-width: 500px; // min-width: 500px;
@ -1253,16 +1254,30 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
margin:0.3em 0; margin:0.3em 0;
padding-top:0.3em; padding-top:0.3em;
display: table-row; display: table-row;
vertical-align: middle;
&:not(:first-child){ &:not(:first-child){
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
>*{
padding:0.5em 0;
}
}
&:first-child{
>*{padding: 0.3em 0 0.5em;}
} }
>*{ >*{
display:table-cell; display:table-cell;
text-align: left; text-align: left;
// padding:0;
&:not(:last-child){ &:not(:last-child){
padding:0 1em 0 0; padding-right:0.5em;
}
&:not(:first-child):not(:last-child):before{
content:">";
color: #999;
font-size: 11px;
padding-right:0.5em;
} }
} }
@ -1282,16 +1297,24 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
.filter-markup{ .filter-markup{
// border-left: 1px solid #ccc; // border-left: 1px solid #ccc;
position: relative;
span{ span{
padding:0.4em 1em; padding:0.4em 1em;
display: block; display: inline-block;
width:78%;
font-size: 11px; font-size: 11px;
background-color: #eee; // background-color: #eee;
color:#777; color:#ccc;
text-align: center; text-align: center;
border-radius: 7px; border-radius: 7px;
} }
} }
.rm-btn{
// vertical-align: text-bottom;
// line-height: 3;
// height: 100%;
// input{margin-top:2em;}
}
} }
// .rm-btn{ // .rm-btn{