@@ -, +, @@ larger browser widths --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss +++ a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss @@ -383,7 +383,6 @@ padding: 0; a { - @include border-radius-all( 7px ); border-bottom: 0; font-weight: normal; padding: .7em .2em; @@ -435,7 +434,6 @@ #menu h4 a.menu-open, #search-facets h4 a.menu-open { border-bottom: 1px solid #D8D8D8; - border-radius: 7px 7px 0 0; } #loginModal { @@ -506,6 +504,22 @@ } } } + + a { + &.menu-collapse-toggle { + &:link, + &:visited, + &:hover, + &:active { + color: #727272; + cursor: default; + + &::before { + display: none; + } + } + } + } } @media only screen and ( min-width: 768px ) and ( max-width: 984px ) { --- a/koha-tmpl/opac-tmpl/bootstrap/js/script.js +++ a/koha-tmpl/opac-tmpl/bootstrap/js/script.js @@ -13,19 +13,39 @@ enquire.register("screen and (max-width:608px)", { enquire.register("screen and (min-width:768px)", { match : function() { - $(".menu-collapse").show(); + facetMenu( "show" ); }, unmatch : function() { - $(".menu-collapse").hide(); + facetMenu( "hide" ); } }); +function facetMenu( action ){ + if( action == "show" ){ + $(".menu-collapse-toggle").unbind("click", facetHandler ) + $(".menu-collapse").show(); + } else { + $(".menu-collapse-toggle").bind("click", facetHandler ).removeClass("menu-open"); + $(".menu-collapse").hide(); + } +} + +var facetHandler = function(e){ + e.preventDefault(); + $(this).toggleClass("menu-open"); + $(".menu-collapse").toggle(); +}; + $(document).ready(function(){ $(".close").click(function(){ window.close(); }); $(".focus").focus(); + if( $(window).width() < 768 ){ + facetMenu("hide"); + } + // clear the basket when user logs out $("#logout").click(function(){ var nameCookie = "bib_list"; @@ -46,11 +66,7 @@ $(document).ready(function(){ mem.removeAttr("style"); } }); - $(".menu-collapse-toggle").on("click",function(e){ - e.preventDefault(); - $(this).toggleClass("menu-open"); - $(".menu-collapse").toggle(); - }); + $(".loginModal-trigger").on("click",function(e){ e.preventDefault(); $("#loginModal").modal("show"); --