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;
}