From 07438b400a48c8d690bd865a88ab5271d879fc81 Mon Sep 17 00:00:00 2001 From: xdrm-brackets Date: Mon, 5 Mar 2018 17:38:51 +0100 Subject: [PATCH] [scss.menu] fixed z-index to show item labels + revert change for fixed menu --- webpack/scss/layout.scss | 4 ++++ webpack/scss/menu.scss | 12 ++++++------ 2 files changed, 10 insertions(+), 6 deletions(-) diff --git a/webpack/scss/layout.scss b/webpack/scss/layout.scss index bc7657b..723e64c 100644 --- a/webpack/scss/layout.scss +++ b/webpack/scss/layout.scss @@ -50,6 +50,10 @@ body{ justify-content: space-around; align-items: center; + button{ + font-size: 1.3em; + } + span{ display: block; text-align: center; diff --git a/webpack/scss/menu.scss b/webpack/scss/menu.scss index d3ad998..c06b849 100644 --- a/webpack/scss/menu.scss +++ b/webpack/scss/menu.scss @@ -14,10 +14,10 @@ ---------------------------------------------------------*/ display: flex; position: fixed; - top: 0; + top: $header-height; left: 0; width: calc( #{$menu-width} - 1px ); - height: 100%; + height: calc( 100% - #{$header-height} ); background-color: $menu-bg; border-right: 1px solid #e3e7eb; @@ -27,7 +27,7 @@ justify-content: space-around; align-items: center; - z-index: 100; + z-index: 101; /* (2) Items ---------------------------------------------------------*/ @@ -84,10 +84,10 @@ padding: .3em .7em; - background-color: $menu-bg; - border: 1px solid darken($menu-bg, 5%); + background-color: #333; + border: 1px solid #222; - color: invert(#fff); + color: #ccc; border-radius: 3px / 3px;