diff --git a/less/dashboard.less b/less/dashboard.less index 7161ffa..8fb0f0b 100644 --- a/less/dashboard.less +++ b/less/dashboard.less @@ -33,6 +33,8 @@ @dashboard-sidebar-toggle-size: @icon-button-small-size; @dashboard-sidebar-toggle-top: 50%; +@dashboard-logo-width: 30%; + @dashboard-menu-section-font-size: @global-small-font-size; @dashboard-menu-section-line-height: 1.5 * @global-small-font-size; @dashboard-menu-section-margin: 10px; @@ -288,6 +290,12 @@ -moz-transition: width @dashboard-transition-delay linear; -o-transition: width @dashboard-transition-delay linear; overflow-y: auto; + + & #sidebar_logo:extend(.uk-flex):extend(.uk-flex-center) { + & > img { + width: @dashboard-logo-width; + } + } } } diff --git a/less/indicators.less b/less/indicators.less new file mode 100644 index 0000000..ca17b5d --- /dev/null +++ b/less/indicators.less @@ -0,0 +1,51 @@ +.number-preview { + border: @global-border-width solid @global-border; + background: transparent; + border-radius: @global-border-radius; + min-width: 100px; + min-height: 70px; +} + +.refresh-indicator { + background-color: @global-overlay-background; + border-radius: @global-border-radius; + position: absolute; + color: @global-inverse-color; + z-index: 1; +} + +.section { + padding: 60px 45px; + border-radius: @global-border-radius; + border: @global-border-width solid @global-border; + position: relative; + background: @global-inverse-color; + border-left: 5px @global-primary-background solid; + + & > .tools { + position: absolute; + top: 0; + left: 50%; + transform: translate(-50%, -100%); + max-width: 50px; + padding: 5px 10px; + background-image: @global-primary-gradient; + color: @global-inverse-color; + -webkit-clip-path: polygon(20% 5%, 80% 5%, 100% 100%, 0% 100%); + clip-path: polygon(20% 5%, 80% 5%, 100% 100%, 0% 100%); + display: none; + } + + &:hover { + & > .tools { + display: block; + + a { + color: currentColor; + &:hover { + text-decoration: none; + } + } + } + } +}