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

[angular-16 | DONE | CHANGED]: Make dashboard-sidebar sticky instead of fixed.

This commit is contained in:
Konstantinos Triantafyllou 2023-10-25 15:15:52 +03:00
parent 9e58421a1a
commit 0a58acbbd4
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
less/dashboard.less
View File

@ -231,8 +231,11 @@
.sidebar_main_swipe { .sidebar_main_swipe {
#sidebar_main { #sidebar_main {
height: calc(100vh - @dashboard-header-height);
position: relative;
#sidebar_toggle { #sidebar_toggle {
position: fixed; position: absolute;
z-index: @dashboard-z-index + 1; z-index: @dashboard-z-index + 1;
top: @dashboard-sidebar-toggle-top; top: @dashboard-sidebar-toggle-top;
left: @dashboard-sidebar-width; left: @dashboard-sidebar-width;
@ -272,14 +275,14 @@
#sidebar_content { #sidebar_content {
width: @dashboard-sidebar-width; width: @dashboard-sidebar-width;
position: fixed; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
padding-top: @dashboard-header-height;
z-index: @dashboard-z-index; z-index: @dashboard-z-index;
background: @dashboard-sidebar-background; background: @dashboard-sidebar-background;
border-right: @dashboard-sidebar-border-width solid @dashboard-sidebar-border; border: @dashboard-sidebar-border-width solid @dashboard-sidebar-border;
border-left: none;
transition: width @dashboard-transition-delay linear; transition: width @dashboard-transition-delay linear;
-webkit-transition: width @dashboard-transition-delay linear; -webkit-transition: width @dashboard-transition-delay linear;
-moz-transition: width @dashboard-transition-delay linear; -moz-transition: width @dashboard-transition-delay linear;
@ -289,6 +292,8 @@
} }
@{dashboard-pages}, @{dashboard-elements} { @{dashboard-pages}, @{dashboard-elements} {
width: 100vw;
box-sizing: border-box;
padding-left: @dashboard-sidebar-width; padding-left: @dashboard-sidebar-width;
transition: padding-left @dashboard-transition-delay linear; transition: padding-left @dashboard-transition-delay linear;
-webkit-transition: padding-left @dashboard-transition-delay linear; -webkit-transition: padding-left @dashboard-transition-delay linear;