diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less index 486469e..0fac304 100755 --- a/css/area_main-sidebar-nav.less +++ b/css/area_main-sidebar-nav.less @@ -62,8 +62,14 @@ } } + // the wrapper around the toggle to reserve space + div.nav { + height: @icon-size + @margin-small; + border: 1px solid transparent; + } + // the toggle element - a.nav { + div.nav a { .display-flex(); .align-items(); @@ -145,6 +151,11 @@ color: @ini_nav_menu_hover_color; text-decoration: none; + // always show label, even with collapsed sidebar + position: absolute; + z-index: 100; + width: 100%; + span.ico { border-color: inherit; @@ -293,3 +304,23 @@ } } } + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1439px */ + +@media @screen_max-xlg { + #dokuwiki__aside { + nav { + li:not([class]), + .li { + font-size: @font-size-default; + + * { + font-size: inherit; + font-weight: inherit; + } + } + } + } +} + diff --git a/css/base_structure.less b/css/base_structure.less index 1725630..f9ba184 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -73,23 +73,7 @@ z-index: 900; } -/* if z-index is needed for .tools col, then use this: - - .tools .row > .col-xs-12 { - z-index: 5; // SPR-945 sometimes too small space for suggestionlist - } - - .wide-content .tools .row > .col-xs-12 { - z-index: 1; - } -*/ - - .header .row > .col-xs-12 { - z-index: 2; - } - .content .row > .col-xs-12 { - z-index: 3; border-radius: 0 @ini_default_border_radius @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius } diff --git a/js/sidebar.js b/js/sidebar.js index d0811b7..73bcf83 100644 --- a/js/sidebar.js +++ b/js/sidebar.js @@ -48,10 +48,10 @@ jQuery(function () { /** * Toggle a navigation panel * - * @param {jQuery} $toggler The h6 toggler + * @param {jQuery} $toggler The a toggler */ toggleNav = function ($toggler) { - var $panel = $toggler.next('div.nav-panel'); + var $panel = $toggler.parent().next('div.nav-panel'); var isOpen = $panel.is(':visible'); // open sidebar on interaction setDefaultContent(); @@ -96,7 +96,6 @@ jQuery(function () { // make the new toggler var $toggler = jQuery('') - .addClass('nav') .attr('href', '#') .attr('role', 'heading') .attr('aria-level', '2') @@ -105,6 +104,7 @@ jQuery(function () { .prepend($icon) .data('index', index) ; + $toggler = jQuery('