@@ -, +, @@ search results - Perform catalog search in the OPAC which will return multiple results. - View the page at various browser widths. At narrower widths the facets menu should appear as a "collapsed" box with a "Refine your search" link. - Clicking the link should toggle the facets menu visibility. --- .../bootstrap/css/src/_responsive.scss | 76 +++++++++++-------- .../bootstrap/en/modules/opac-results.tt | 14 +--- koha-tmpl/opac-tmpl/bootstrap/js/global.js | 4 +- 3 files changed, 51 insertions(+), 43 deletions(-) --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss +++ a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss @@ -381,10 +381,40 @@ display: none; } + #wrapper { + padding: 0; + } + + .table_controls { + display: block; + + label { + display: block; + } + } +} + +@media only screen and ( max-width: 800px ) { + /* Screens below 800 pixels wide */ + .cartlabel, + .listslabel, + .langlabel, + .userlabel { + display: none; + } + + .navbar { + .divider-vertical { + margin: 0 2px; + } + } +} + +@media only screen and ( max-width: 991px ) { #search-facets { margin-bottom: .5em; - h4 { + h2 { display: block; margin: 0; padding: 0; @@ -393,6 +423,13 @@ border-bottom: 0; font-weight: normal; padding: .7em .2em; + + &::before { + content: "\f0da"; + display: inline-block; + font-family: FontAwesome; + width: 1em; + } } } @@ -400,7 +437,7 @@ padding: .4em; } - h5 { + h3 { margin: .2em; } @@ -409,36 +446,15 @@ } } - #menu h4 a.menu-open, - #search-facets h4 a.menu-open { + #menu h2 a.menu-open, + #search-facets h2 a.menu-open { border-bottom: 1px solid #D8D8D8; - } - - #wrapper { - padding: 0; - } - .table_controls { - display: block; - - label { - display: block; - } - } -} - -@media only screen and ( max-width: 800px ) { - /* Screens below 800 pixels wide */ - .cartlabel, - .listslabel, - .langlabel, - .userlabel { - display: none; - } - - .navbar { - .divider-vertical { - margin: 0 2px; + &::before { + content: "\f0d7"; + display: inline-block; + font-family: FontAwesome; + width: 1em; } } } --- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-results.tt +++ a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-results.tt @@ -100,18 +100,10 @@ [% END %] - [% IF ( total ) %] - [% IF ( opacfacets ) %] -