diff --git a/public/app/core/components/navbar/navbar.html b/public/app/core/components/navbar/navbar.html index 37a4f2a448e..cbc0472c373 100644 --- a/public/app/core/components/navbar/navbar.html +++ b/public/app/core/components/navbar/navbar.html @@ -5,6 +5,7 @@ + diff --git a/public/sass/components/_navbar.scss b/public/sass/components/_navbar.scss index 955961b7006..1034cb59958 100644 --- a/public/sass/components/_navbar.scss +++ b/public/sass/components/_navbar.scss @@ -68,6 +68,9 @@ .fa-caret-down { font-size: 70%; } + .fa-chevron-left{ + display: none; + } &:hover { background: $navbarButtonBackgroundHighlight; @@ -122,11 +125,6 @@ padding-left: 0.2rem; } - .fa-th-large { - position: relative; - top: 2px; - } - .icon-gf { position: relative; top: 2px; @@ -135,3 +133,25 @@ } } +.sidemenu-pinned { + .navbar-brand-btn { + background-color: $page-bg; + width: $side-menu-width; + + .icon-gf-grafana_wordmark { + display: inline-block; + } + + .fa-caret-down { + display: none; + } + + &:hover .fa-chevron-left { + display: inline-block; + color: $text-color-weak; + position: relative; + left: 1.3rem; + } + } +} + diff --git a/public/sass/components/_sidemenu.scss b/public/sass/components/_sidemenu.scss index 0cc0d9c5f91..ef978bfee4e 100644 --- a/public/sass/components/_sidemenu.scss +++ b/public/sass/components/_sidemenu.scss @@ -35,17 +35,6 @@ .page-container { margin-left: $side-menu-width; } - .navbar-brand-btn { - background-color: $page-bg; - width: $side-menu-width; - - .icon-gf-grafana_wordmark { - display: inline-block; - } - .fa { - display: none; - } - } .search-container { left: auto; }