Dashboard: Fix a bug with z-index of page-content header and actions.

This commit is contained in:
Konstantinos Triantafyllou 2022-07-26 14:33:37 +03:00
parent d689686aa8
commit 0423644810
1 changed files with 15 additions and 11 deletions

View File

@ -1,6 +1,6 @@
@dashboard-background: @global-inverse-color;
@dashboard-page-content-background: @global-background;
@dashboard-z-index: @global-z-index - 20;
@dashboard-z-index: @global-z-index - 21;
@dashboard-header-height: var(--header-height);
@dashboard-primary-background: @global-primary-background;
@ -41,7 +41,7 @@
bottom: 0;
left: 0;
padding-top: @dashboard-header-height;
z-index: @dashboard-z-index - 1;
z-index: @dashboard-z-index;
background: @dashboard-background;
transition: 0.5s;
transition-property: width;
@ -107,16 +107,20 @@
text-align: center;
}
#page_content_header.uk-sticky.uk-active,
#page_content_actions.uk-sticky.uk-active {
border-bottom: @dashboard-page-content-sticky-border-width solid @dashboard-page-content-sticky-border;
#page_content_header.uk-sticky,
#page_content_actions.uk-sticky {
z-index: @dashboard-z-index;
.uk-tab {
margin-bottom: 0;
}
&.uk-active {
border-bottom: @dashboard-page-content-sticky-border-width solid @dashboard-page-content-sticky-border;
*:last-child.uk-tab:before {
content: none;
.uk-tab {
margin-bottom: 0;
}
*:last-child.uk-tab:before {
content: none;
}
}
}
@ -149,7 +153,7 @@
min-height: calc(100vh - @dashboard-header-height);
background-color: @dashboard-page-content-background;
position: relative;
z-index: @dashboard-z-index - 2;
z-index: @dashboard-z-index - 1;
}
/* No sidebar */