diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less index dde68f5..3de2ab3 100755 --- a/css/area_main-sidebar-nav.less +++ b/css/area_main-sidebar-nav.less @@ -119,7 +119,6 @@ &:focus, &:active { position: relative; // always show label, even with collapsed sidebar - z-index: 100; // show label/link above content on hover etc. width: 100%; background-color: @ini_nav_menu_hover_bg; border-color: @ini_nav_menu_hover_color; @@ -316,7 +315,6 @@ display: block !important; position: absolute; left: 1.25rem; // left margin of content container - z-index: 200; // mobile sidebar above all box-shadow: @box-shadow-right-bottom; min-width: 45%; max-width: 90%; diff --git a/css/area_main-sidebar-search.less b/css/area_main-sidebar-search.less index e2b4cb7..743b1b5 100644 --- a/css/area_main-sidebar-search.less +++ b/css/area_main-sidebar-search.less @@ -191,7 +191,6 @@ .search.main-sidebar { p.toggleSearch { position: relative; - z-index: 1; // put search-toggle-button above #dw__search display: block; float: left; width: auto; diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less index caa55d4..9f97b85 100755 --- a/css/area_nav-metabox.less +++ b/css/area_nav-metabox.less @@ -12,7 +12,6 @@ .justify-content(flex-end); position: relative; - z-index: 1; // put meta-box above positioned content-elements such as aggregations, edit-buttons float: right; max-width: 40%; margin-top: -(@page_padding-top); // reverse padding-top of .page container @@ -158,7 +157,6 @@ } &.active { - z-index: 1; // put the active tab above the meta-content in .tab-pane.active > a { cursor: default; @@ -306,7 +304,7 @@ ul.mmissuelist { padding-left: 0; margin-top: 1rem; - + li { &.noissue { list-style-type: none; diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less index b858140..56b1c5e 100755 --- a/css/area_nav-pagetools.less +++ b/css/area_nav-pagetools.less @@ -32,7 +32,6 @@ nav#dokuwiki__pagetools { @toolbox-size: 30px; top: 3.05rem; - z-index: 100; // put labels of the pagetools above content on hover etc. @media @screen_min-md { right: -2.5rem; diff --git a/css/base_structure.less b/css/base_structure.less index d68dd7a..4d88900 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -63,16 +63,68 @@ } } -/* + + + + + z-indeces + + + + + */ -@media @screen_min-md { +/* + + + + + z-indices + + + + + */ +@media screen { .nav-direct p { - z-index: 1000; // keyboard-navigation overlays + z-index: 1000; // keyboard-navigation overlays always on top } .top-header { z-index: 2; // put MagicMatcher-Dropdowns above .content and metabox-tabs } + #dokuwiki__aside div.nav a { + &:hover, &:focus, &:active { + z-index: 100; // show label/link above content on hover etc. + } + } + + #spr__meta-box { + z-index: 1; // put meta-box above positioned content-elements such as aggregations, edit-buttons + ul.meta-tabs > li.active { + z-index: 1; // put the active tab above the meta-content in .tab-pane.active + } + } + + nav#dokuwiki__pagetools { + z-index: 100; // put labels of the pagetools above content on hover etc. + } + + #dokuwiki__detail .img-link a::before { + z-index: 2; // put 'view original file'-overlay above image + } + + /* plug-in do_tasks */ + .plugin__do_usertasks_list { + z-index: 200; // put tasks-list above pagetools + } + + /* plug-in editable */ + #dokuwiki__content.main-content div.editbutton_table { + z-index: 1; // for IE + } + + /* plug-in tabinclude */ + div#dwpl-ti-container li.dwpl-ti-tab div.selected { + z-index: 1; // put .slected tab above div.dwpl-ti-content-box + } +} + +@media @screen_min-md { + .wide-content .search.main-sidebar p.toggleSearch { + z-index: 1; // put search-toggle-button above #dw__search + } +} + +@media @screen_max-md { + body.show-mobile-sidebar #dokuwiki__aside { + z-index: 200; // mobile sidebar above all except nav-direct + } +} +/* + + + + + end of z-indices + + + + + */ + +@media @screen_min-md { + .content .row > .col-xs-12 { border-radius: 0 @ini_default_border_radius @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius } diff --git a/css/plugins/do_tasks.less b/css/plugins/do_tasks.less index cc183a1..9154aed 100755 --- a/css/plugins/do_tasks.less +++ b/css/plugins/do_tasks.less @@ -93,7 +93,3 @@ ul.page-attributes { } // li } // ul } - -.plugin__do_usertasks_list { - z-index: 200; // put tasks-list above pagetools -} diff --git a/css/plugins/edittable.less b/css/plugins/edittable.less index 0a2c2e4..ef3069c 100644 --- a/css/plugins/edittable.less +++ b/css/plugins/edittable.less @@ -8,7 +8,6 @@ #dokuwiki__content.main-content { div.editbutton_table { position: relative; // for IE - z-index: 1; // for IE float: left; margin-top: -1.46rem !important; // overwrite inline stales diff --git a/css/plugins/tabinclude.less b/css/plugins/tabinclude.less index 26c4298..39cef9c 100644 --- a/css/plugins/tabinclude.less +++ b/css/plugins/tabinclude.less @@ -34,7 +34,6 @@ div#dwpl-ti-container { &.selected { position: relative; - z-index: 1; // put .slected tab above div.dwpl-ti-content-box background-color: @ini_background; color: @ini_text; } diff --git a/css/template_detail.less b/css/template_detail.less index 9b46f56..93f9c61 100644 --- a/css/template_detail.less +++ b/css/template_detail.less @@ -24,7 +24,6 @@ position: absolute; top: 0; left: 0; - z-index: 2; // put 'view original file'-overlay above image display: block; width: 100%; box-sizing: border-box;