MaDgIK
/
openaire-assets
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix z-indexes for dashboard elements

This commit is contained in:
Konstantinos Triantafyllou 2022-12-22 11:38:55 +02:00
parent d772dbd4b2
commit b0e59ae244
1 changed files with 29 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
less/dashboard.less
View File

@ -39,10 +39,14 @@
@dashboard-page-content-sticky-border-width: @global-border-width; @dashboard-page-content-sticky-border-width: @global-border-width;
@dashboard-page-content-sticky-border: @global-border; @dashboard-page-content-sticky-border: @global-border;
@dashboard-page-content-header-z-index: @dashboard-z-index;
@dashboard-page-content-header-info-height: @global-header-height - 20px; @dashboard-page-content-header-info-height: @global-header-height - 20px;
@dashboard-page-content-header-info-img-max-height: @dashboard-page-content-header-info-height; @dashboard-page-content-header-info-img-max-height: @dashboard-page-content-header-info-height;
@dashboard-page-content-header-info-img-max-width: 180px; @dashboard-page-content-header-info-img-max-width: 180px;
@dashboard-page-content-actions-z-index: @dashboard-z-index - 1;
@dashboard-page-content-inner-z-index: @dashboard-z-index - 2;
@dashboard-pages: #page_content, openaire-user > user > div, openaire-error > div; @dashboard-pages: #page_content, openaire-user > user > div, openaire-error > div;
@dashboard-elements: #page_content .message, bottom > div; @dashboard-elements: #page_content .message, bottom > div;
@ -173,30 +177,35 @@
text-align: center; text-align: center;
} }
#page_content_header.uk-sticky, #page_content_header,
#page_content_actions.uk-sticky { #page_content_actions {
z-index: @dashboard-z-index; &:not(.uk-sticky) {
position: relative;
&.uk-active:not(:has(*:last-child.uk-tab)) {
border-bottom: @dashboard-page-content-sticky-border-width solid @dashboard-page-content-sticky-border;
} }
&:has(*:last-child.uk-tab) { &.uk-sticky {
& .header , & .actions { &.uk-active:not(:has(*:last-child.uk-tab)) {
border-bottom: @dashboard-page-content-sticky-border-width solid @dashboard-page-content-sticky-border; border-bottom: @dashboard-page-content-sticky-border-width solid @dashboard-page-content-sticky-border;
} }
}
& .uk-tab { &:has(*:last-child.uk-tab) {
margin-bottom: 0; & .header , & .actions {
} border-bottom: @dashboard-page-content-sticky-border-width solid @dashboard-page-content-sticky-border;
}
}
& *:last-child.uk-tab:before { & .uk-tab {
content: none; margin-bottom: 0;
}
& *:last-child.uk-tab:before {
content: none;
}
} }
} }
#page_content_header { #page_content_header {
z-index: @dashboard-page-content-header-z-index;
overflow-x: hidden; overflow-x: hidden;
.info { .info {
@ -209,13 +218,18 @@
} }
} }
} }
#page_content_actions {
z-index: @dashboard-page-content-actions-z-index;
}
} }
@{dashboard-pages} { @{dashboard-pages} {
min-height: calc(100vh - @dashboard-header-height); min-height: calc(100vh - @dashboard-header-height);
background-color: @dashboard-page-content-background; background-color: @dashboard-page-content-background;
position: relative; position: relative;
z-index: @dashboard-z-index - 1; z-index: @dashboard-page-content-inner-z-index;
} }
/* No sidebar */ /* No sidebar */