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, &:focus,
&:active { &:active {
position: relative; // always show label, even with collapsed sidebar position: relative; // always show label, even with collapsed sidebar
z-index: 100; // show label/link above content on hover etc.
width: 100%; width: 100%;
background-color: @ini_nav_menu_hover_bg; background-color: @ini_nav_menu_hover_bg;
border-color: @ini_nav_menu_hover_color; border-color: @ini_nav_menu_hover_color;
@ -316,7 +315,6 @@
display: block !important; display: block !important;
position: absolute; position: absolute;
left: 1.25rem; // left margin of content container left: 1.25rem; // left margin of content container
z-index: 200; // mobile sidebar above all
box-shadow: @box-shadow-right-bottom; box-shadow: @box-shadow-right-bottom;
min-width: 45%; min-width: 45%;
max-width: 90%; max-width: 90%;

View file

@ -191,7 +191,6 @@
.search.main-sidebar { .search.main-sidebar {
p.toggleSearch { p.toggleSearch {
position: relative; position: relative;
z-index: 1; // put search-toggle-button above #dw__search
display: block; display: block;
float: left; float: left;
width: auto; width: auto;

View file

@ -12,7 +12,6 @@
.justify-content(flex-end); .justify-content(flex-end);
position: relative; position: relative;
z-index: 1; // put meta-box above positioned content-elements such as aggregations, edit-buttons
float: right; float: right;
max-width: 40%; max-width: 40%;
margin-top: -(@page_padding-top); // reverse padding-top of .page container margin-top: -(@page_padding-top); // reverse padding-top of .page container
@ -158,7 +157,6 @@
} }
&.active { &.active {
z-index: 1; // put the active tab above the meta-content in .tab-pane.active
> a { > a {
cursor: default; cursor: default;

View file

@ -32,7 +32,6 @@ nav#dokuwiki__pagetools {
@toolbox-size: 30px; @toolbox-size: 30px;
top: 3.05rem; top: 3.05rem;
z-index: 100; // put labels of the pagetools above content on hover etc.
@media @screen_min-md { @media @screen_min-md {
right: -2.5rem; right: -2.5rem;

View file

@ -63,16 +63,68 @@
} }
} }
/* + + + + + z-indeces + + + + + */ /* + + + + + z-indices + + + + + */
@media @screen_min-md { @media screen {
.nav-direct p { .nav-direct p {
z-index: 1000; // keyboard-navigation overlays z-index: 1000; // keyboard-navigation overlays always on top
} }
.top-header { .top-header {
z-index: 2; // put MagicMatcher-Dropdowns above .content and metabox-tabs 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 { .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 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 } // li
} // ul } // ul
} }
.plugin__do_usertasks_list {
z-index: 200; // put tasks-list above pagetools
}

View file

@ -8,7 +8,6 @@
#dokuwiki__content.main-content { #dokuwiki__content.main-content {
div.editbutton_table { div.editbutton_table {
position: relative; // for IE position: relative; // for IE
z-index: 1; // for IE
float: left; float: left;
margin-top: -1.46rem !important; // overwrite inline stales margin-top: -1.46rem !important; // overwrite inline stales

View file

@ -34,7 +34,6 @@ div#dwpl-ti-container {
&.selected { &.selected {
position: relative; position: relative;
z-index: 1; // put .slected tab above div.dwpl-ti-content-box
background-color: @ini_background; background-color: @ini_background;
color: @ini_text; color: @ini_text;
} }

View file

@ -24,7 +24,6 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
z-index: 2; // put 'view original file'-overlay above image
display: block; display: block;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;