EH22/dokuwiki-template-sprintdoc-modified
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'zIndexReview' into 'master'

Browse source 
Clean up z-indexes

See merge request !71
This commit is contained in:
Jana Deutschländer 2017-05-10 15:46:49 +02:00
commit 97f8bdf715
16 changed files with 58 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

2
css/area_content.less
View file

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

2
css/area_footer.less
View file

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

1
css/area_header.less
View file

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

1
css/area_main-content-secedit.less
View file

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

3
css/area_main-sidebar-nav.less
View file

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

2
css/area_main-sidebar-search.less
View file

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

4
css/area_nav-metabox.less
View file

@ -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;
@ -306,7 +304,7 @@
ul.mmissuelist {
padding-left: 0;
margin-top: 1rem;
li {
&.noissue {
list-style-type: none;

1
css/area_nav-pagetools.less
View file

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

1
css/area_togglelink.less
View file

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

60
css/base_structure.less
View file

@ -63,16 +63,68 @@
}
}
/* + + + + + z-indeces + + + + + */
@media @screen_min-md {
/* + + + + + z-indices + + + + + */
@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
}

4
css/plugins/do_tasks.less
View file

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

1
css/plugins/edittable.less
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

1
css/plugins/magic-matcher.less
View file

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

1
css/plugins/struct.less
View file

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

2
css/plugins/tabinclude.less
View file

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

2
css/template_detail.less
View file

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