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;