SPR-908: all z-indices are found in base_structure.less,

SPR-908: Bugfix Direct-nav in Tableview should be above toggle button
This commit is contained in:
Jana Deutschländer 2017-05-10 15:43:01 +02:00
commit 3389cd60ad
9 changed files with 56 additions and 17 deletions

View file

@ -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%;

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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
}

View file

@ -93,7 +93,3 @@ ul.page-attributes {
} // li
} // ul
}
.plugin__do_usertasks_list {
z-index: 200; // put tasks-list above pagetools
}

View file

@ -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

View file

@ -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;
}

View file

@ -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;