Merge branch 'zIndexReview' into 'master'

Clean up z-indexes

See merge request !71

css/area_content.less

@@ -10,14 +10,12 @@
 
         #dokuwiki__content {
             position: relative;
-            z-index: 10;
 
             &::before {
                 content: '';
                 position: absolute;
                 top: 0;
                 left: 0;
-                z-index: -1;
                 height: @page-header_height;
                 box-sizing: border-box;
                 width: 100%;

css/area_footer.less

@@ -38,9 +38,9 @@
     #dokuwiki__footer {
         .main-footer {
             position: relative;
-            z-index: 2;
             box-sizing: border-box;
             background-color: @ini_background_site;
+            margin-top: 5px; // for box-shadow of content
         }
 
         p {

css/area_header.less

@@ -136,7 +136,6 @@
 /* + + +  mobile nav togglelink  + + + */
     .menu-togglelink {
         position: relative;
-        z-index: 1;
         margin: @headericons-margin-xxs -(@very-small-spacing) 0 0;
 
         a {

css/area_main-content-secedit.less

@@ -6,7 +6,6 @@
 #dokuwiki__content.main-content {
     .editbutton_section {
         position: relative;
-        z-index: 2;
         top: 0;
         float: right;
         margin-top: 0; // for best position of edit-tab beneeth table

css/area_main-sidebar-nav.less

@@ -119,7 +119,6 @@
             &:focus,
             &:active {
                 position: relative; // always show label, even with collapsed sidebar
-                z-index: 100;
                 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; // above all
             box-shadow: @box-shadow-right-bottom;
             min-width: 45%;
             max-width: 90%;
@@ -325,7 +323,6 @@
 
             > nav {
                 position: relative;
-                z-index: 2;
 
                 &:first-child {
                     margin-top: 1.2rem;

css/area_main-sidebar-search.less

@@ -191,7 +191,6 @@
         .search.main-sidebar {
             p.toggleSearch {
                 position: relative;
-                z-index: 1;
                 display: block;
                 float: left;
                 width: auto;
@@ -233,7 +232,6 @@
         .search.main-sidebar {
             display: block !important;
             position: relative;
-            z-index: 1;
             margin-left: -1px;
             margin-right: -1px;
 

css/area_nav-metabox.less

@@ -12,7 +12,6 @@
     .justify-content(flex-end);
 
     position: relative;
-    z-index: 10;
     float: right;
     max-width: 40%;
     margin-top: -(@page_padding-top); // reverse padding-top of .page container
@@ -158,7 +157,6 @@
             }
 
             &.active {
-                z-index: 1;
 
                 > a {
                     cursor: default;

css/area_nav-pagetools.less

@@ -32,7 +32,6 @@ nav#dokuwiki__pagetools {
     @toolbox-size: 30px;
 
     top: 3.05rem;
-    z-index: 100;
 
     @media @screen_min-md {
         right: -2.5rem;

css/area_togglelink.less

@@ -12,7 +12,6 @@
         bottom: -1px;
         width: 2rem;
         left: -(@margin-default);
-        z-index: 1;
 
         @media @screen_max-md {
             display: none;

css/base_structure.less

@@ -63,16 +63,68 @@
     }
 }
 
-/* + + + + +  z-indeces  + + + + + */
+/* + + + + +  z-indices  + + + + + */
-@media @screen_min-md {
+@media screen {
     .nav-direct p {
-        z-index: 1000;
+        z-index: 1000; // keyboard-navigation overlays always on top
     }
 
     .top-header {
-        z-index: 900;
+        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
     }

css/plugins/do_tasks.less

@@ -93,7 +93,3 @@ ul.page-attributes {
         } // li
     } // ul
 }
-
-.plugin__do_usertasks_list {
-    z-index: 5;
-}

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
 

css/plugins/magic-matcher.less

@@ -47,7 +47,6 @@
 
     #magicmatcher__context {
         position: relative;
-        z-index: 100;
         width: 100%;
         min-height: @height-context-bar;
         box-sizing: border-box;

css/plugins/struct.less

@@ -101,7 +101,6 @@
 /* + + + + +  struct inline-editor  + + + + + */
 .dokuwiki {
     .struct_inlineditor {
-        z-index: 3;
         box-shadow: @box-shadow-bottom;
 
         p.hint {

css/plugins/tabinclude.less

@@ -34,7 +34,6 @@ div#dwpl-ti-container {
 
             &.selected {
                 position: relative;
-                z-index: 1;
                 background-color: @ini_background;
                 color: @ini_text;
             }
@@ -45,7 +44,6 @@ div#dwpl-ti-container {
 /* + + +  content box  + + + */
     div.dwpl-ti-content-box {
         position: relative;
-        z-index: 0;
         overflow: auto;
         box-shadow: @box-shadow;
         background-color: @ini_background;

css/template_detail.less

@@ -24,7 +24,6 @@
                 position: absolute;
                 top: 0;
                 left: 0;
-                z-index: 2;
                 display: block;
                 width: 100%;
                 box-sizing: border-box;
@@ -38,7 +37,6 @@
                 display: block;
                 border: 1px dotted @ini_background_site;
                 position: relative;
-                z-index: 1;
             }
 
             &:hover,