From 9d3d0912e5c0f13da40feb34e9569cd671a3d046 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel.odegaard@gmail.com>
Date: Wed, 2 Mar 2016 08:55:13 +0100
Subject: [PATCH] ux(): added on hover chevron to pinned brand button

---
 public/app/core/components/navbar/navbar.html |  1 +
 public/sass/components/_navbar.scss           | 30 +++++++++++++++----
 public/sass/components/_sidemenu.scss         | 11 -------
 3 files changed, 26 insertions(+), 16 deletions(-)

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 @@
 		</span>
 		<i class="icon-gf icon-gf-grafana_wordmark"></i>
 		<i class="fa fa-caret-down"></i>
+		<i class="fa fa-chevron-left"></i>
 	</a>
 
 	<a href="{{::ctrl.titleUrl}}" class="navbar-page-btn" ng-show="ctrl.title">
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;
   }