Clean up z-indexes
There have been some z-indexes that were removed and then reintroduced through strange merges. This is an attempt to remove all z-indexes that are unnecessary and to clearly state the purpose of the remaining z-indexes in a comment to each index. SPR-981
This commit is contained in:
parent
c6a2583846
commit
80aedcc551
15 changed files with 11 additions and 23 deletions
|
@ -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%;
|
||||
|
|
|
@ -38,7 +38,6 @@
|
|||
#dokuwiki__footer {
|
||||
.main-footer {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
box-sizing: border-box;
|
||||
background-color: @ini_background_site;
|
||||
}
|
||||
|
|
|
@ -136,7 +136,6 @@
|
|||
/* + + + mobile nav togglelink + + + */
|
||||
.menu-togglelink {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin: @headericons-margin-xxs -(@very-small-spacing) 0 0;
|
||||
|
||||
a {
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -119,7 +119,7 @@
|
|||
&:focus,
|
||||
&:active {
|
||||
position: relative; // always show label, even with collapsed sidebar
|
||||
z-index: 100;
|
||||
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 +316,7 @@
|
|||
display: block !important;
|
||||
position: absolute;
|
||||
left: 1.25rem; // left margin of content container
|
||||
z-index: 200; // above all
|
||||
z-index: 200; // mobile sidebar above all
|
||||
box-shadow: @box-shadow-right-bottom;
|
||||
min-width: 45%;
|
||||
max-width: 90%;
|
||||
|
@ -325,7 +325,6 @@
|
|||
|
||||
> nav {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 1.2rem;
|
||||
|
|
|
@ -191,7 +191,7 @@
|
|||
.search.main-sidebar {
|
||||
p.toggleSearch {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
z-index: 1; // put search-toggle-button above #dw__search
|
||||
display: block;
|
||||
float: left;
|
||||
width: auto;
|
||||
|
@ -233,7 +233,6 @@
|
|||
.search.main-sidebar {
|
||||
display: block !important;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-left: -1px;
|
||||
margin-right: -1px;
|
||||
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
.justify-content(flex-end);
|
||||
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
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 +158,7 @@
|
|||
}
|
||||
|
||||
&.active {
|
||||
z-index: 1;
|
||||
z-index: 1; // put the active tab above the meta-content in .tab-pane.active
|
||||
|
||||
> a {
|
||||
cursor: default;
|
||||
|
|
|
@ -32,7 +32,7 @@ nav#dokuwiki__pagetools {
|
|||
@toolbox-size: 30px;
|
||||
|
||||
top: 3.05rem;
|
||||
z-index: 100;
|
||||
z-index: 100; // put labels of the pagetools above content on hover etc.
|
||||
|
||||
@media @screen_min-md {
|
||||
right: -2.5rem;
|
||||
|
|
|
@ -12,7 +12,6 @@
|
|||
bottom: -1px;
|
||||
width: 2rem;
|
||||
left: -(@margin-default);
|
||||
z-index: 1;
|
||||
|
||||
@media @screen_max-md {
|
||||
display: none;
|
||||
|
|
|
@ -66,11 +66,11 @@
|
|||
/* + + + + + z-indeces + + + + + */
|
||||
@media @screen_min-md {
|
||||
.nav-direct p {
|
||||
z-index: 1000;
|
||||
z-index: 1000; // keyboard-navigation overlays
|
||||
}
|
||||
|
||||
.top-header {
|
||||
z-index: 900;
|
||||
z-index: 1; // put MagicMatcher-Dropdowns above .content
|
||||
}
|
||||
|
||||
.content .row > .col-xs-12 {
|
||||
|
|
|
@ -95,5 +95,5 @@ ul.page-attributes {
|
|||
}
|
||||
|
||||
.plugin__do_usertasks_list {
|
||||
z-index: 5;
|
||||
z-index: 200; // put tasks-list above pagetools
|
||||
}
|
||||
|
|
|
@ -47,7 +47,6 @@
|
|||
|
||||
#magicmatcher__context {
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
width: 100%;
|
||||
min-height: @height-context-bar;
|
||||
box-sizing: border-box;
|
||||
|
|
|
@ -101,7 +101,6 @@
|
|||
/* + + + + + struct inline-editor + + + + + */
|
||||
.dokuwiki {
|
||||
.struct_inlineditor {
|
||||
z-index: 3;
|
||||
box-shadow: @box-shadow-bottom;
|
||||
|
||||
p.hint {
|
||||
|
|
|
@ -34,7 +34,7 @@ div#dwpl-ti-container {
|
|||
|
||||
&.selected {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
z-index: 1; // put .slected tab above div.dwpl-ti-content-box
|
||||
background-color: @ini_background;
|
||||
color: @ini_text;
|
||||
}
|
||||
|
@ -45,7 +45,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;
|
||||
|
|
|
@ -24,7 +24,7 @@
|
|||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
z-index: 2; // put 'view original file'-overlay above image
|
||||
display: block;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
|
@ -38,7 +38,6 @@
|
|||
display: block;
|
||||
border: 1px dotted @ini_background_site;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue