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

Move sidebar toggle in the center of sidebar (vertically). Add back class for back item in sidebar.

This commit is contained in:
Konstantinos Triantafyllou 2023-03-01 15:20:56 +02:00
parent 540ba93c0f
commit 071385b36c
1 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
less/dashboard.less
View File

@ -31,7 +31,7 @@
@dashboard-sidebar-toggle-color: @global-color; @dashboard-sidebar-toggle-color: @global-color;
@dashboard-sidebar-toggle-color-hover: @global-inverse-color; @dashboard-sidebar-toggle-color-hover: @global-inverse-color;
@dashboard-sidebar-toggle-size: @icon-button-small-size; @dashboard-sidebar-toggle-size: @icon-button-small-size;
@dashboard-sidebar-toggle-top: calc(@dashboard-header-height + 35px); @dashboard-sidebar-toggle-top: 50%;
@dashboard-menu-section-margin: 10px; @dashboard-menu-section-margin: 10px;
@dashboard-menu-section-item-line-height: @global-control-small-height; @dashboard-menu-section-item-line-height: @global-control-small-height;
@ -55,6 +55,12 @@
@dashboard-menu-section-sublist-item-background-active: @dashboard-page-content-background; @dashboard-menu-section-sublist-item-background-active: @dashboard-page-content-background;
@dashboard-menu-section-sublist-item-color-active: @dashboard-primary-background; @dashboard-menu-section-sublist-item-color-active: @dashboard-primary-background;
@dashboard-back-background: @global-muted-background;
@dashboard-back-color: @global-primary-background;
@dashboard-back-color-hover: @global-link-hover-color;
@dashboard-back-padding-vertical: 15px;
@dashboard-back-padding-horizontal: @dashboard-menu-section-margin + @dashboard-menu-section-item-padding-horizontal;
@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;
@ -177,6 +183,19 @@
} }
} }
.back {
& > a:extend(.uk-text-small) {
background: @dashboard-back-background;
color: @dashboard-back-color;
padding: @dashboard-back-padding-vertical @dashboard-back-padding-horizontal;
text-decoration: none;
&:hover {
color: @dashboard-back-color-hover;
}
}
}
.sidebar_main_swipe { .sidebar_main_swipe {
#sidebar_main { #sidebar_main {
#sidebar_toggle { #sidebar_toggle {
@ -204,7 +223,7 @@
&::before { &::before {
content: '\e5cb'; content: '\e5cb';
font-family: "Material Icons"; font-family: "Material Icons";
font-size: @dashboard-sidebar-toggle-size - 15px; font-size: @dashboard-sidebar-toggle-size - 10px;
transition: transform @dashboard-transition-delay linear; transition: transform @dashboard-transition-delay linear;
-webkit-transition: transform @dashboard-transition-delay linear; -webkit-transition: transform @dashboard-transition-delay linear;
-moz-transition: transform @dashboard-transition-delay linear; -moz-transition: transform @dashboard-transition-delay linear;