From 071385b36c9b9c65d6d081d6468aeea2bf01ffbf Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Wed, 1 Mar 2023 15:20:56 +0200 Subject: [PATCH 1/2] Move sidebar toggle in the center of sidebar (vertically). Add back class for back item in sidebar. --- less/dashboard.less | 23 +++++++++++++++++++++-- 1 file changed, 21 insertions(+), 2 deletions(-) diff --git a/less/dashboard.less b/less/dashboard.less index ee2c729..c3ab3d4 100644 --- a/less/dashboard.less +++ b/less/dashboard.less @@ -31,7 +31,7 @@ @dashboard-sidebar-toggle-color: @global-color; @dashboard-sidebar-toggle-color-hover: @global-inverse-color; @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-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-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: @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 { #sidebar_toggle { @@ -204,7 +223,7 @@ &::before { content: '\e5cb'; font-family: "Material Icons"; - font-size: @dashboard-sidebar-toggle-size - 15px; + font-size: @dashboard-sidebar-toggle-size - 10px; transition: transform @dashboard-transition-delay linear; -webkit-transition: transform @dashboard-transition-delay linear; -moz-transition: transform @dashboard-transition-delay linear; From e0c850adad45d61fe7e07f340eea2dc7870ff3c9 Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Thu, 2 Mar 2023 16:46:06 +0200 Subject: [PATCH 2/2] Change color of dashboard sublist border. --- less/dashboard.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/less/dashboard.less b/less/dashboard.less index c3ab3d4..6ceca9e 100644 --- a/less/dashboard.less +++ b/less/dashboard.less @@ -46,7 +46,7 @@ @dashboard-menu-section-sublist-padding-left: @nav-sublist-padding-left + @dashboard-menu-section-icon-padding; @dashboard-menu-section-sublist-margin-right: @dashboard-menu-section-item-padding-horizontal; @dashboard-menu-section-sublist-border-width: 3px; -@dashboard-menu-section-sublist-border: fade(@dashboard-primary-background, 30%); +@dashboard-menu-section-sublist-border: fade(@global-secondary-background, 30%); @dashboard-menu-section-sublist-item-padding-vertical: 5px; @dashboard-menu-section-sublist-item-padding-horizontal: 15px; @dashboard-menu-section-sublist-item-border-radius: @global-small-border-radius;