From a28e4de3bd95401399f3d38f55c6c628fd0cca15 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel.odegaard@gmail.com>
Date: Wed, 4 Feb 2015 07:01:03 +0100
Subject: [PATCH] added fade transition for logo icon to hamburger

---
 src/css/less/grafana.less               |  2 +-
 src/css/less/{p_pro.less => login.less} |  0
 src/css/less/navbar.less                | 26 +++++++++++++++----------
 3 files changed, 17 insertions(+), 11 deletions(-)
 rename src/css/less/{p_pro.less => login.less} (100%)

diff --git a/src/css/less/grafana.less b/src/css/less/grafana.less
index cdfdc294043..15bef42014d 100644
--- a/src/css/less/grafana.less
+++ b/src/css/less/grafana.less
@@ -1,4 +1,4 @@
-@import "p_pro.less";
+@import "login.less";
 @import "submenu.less";
 @import "graph.less";
 @import "bootstrap-tagsinput.less";
diff --git a/src/css/less/p_pro.less b/src/css/less/login.less
similarity index 100%
rename from src/css/less/p_pro.less
rename to src/css/less/login.less
diff --git a/src/css/less/navbar.less b/src/css/less/navbar.less
index 7ae4b7cf5c9..a96372e86f5 100644
--- a/src/css/less/navbar.less
+++ b/src/css/less/navbar.less
@@ -22,29 +22,35 @@
   border-radius: 50%;
   background: black;
   display: block;
+  position: relative;
   float: left;
+  width: 30px;
+  height: 30px;
   padding: 4px;
   margin: 7px 6px 3px 9px;
   .fa {
-    display: none;
+    color: @textColor;
+    width: 30px;
+    height: 30px;
+    left: 10px;
+    top: 8px;
+    font-size: 150%;
+    opacity: 0;
+    position: absolute;
+    transition: opacity .25s ease-in-out;
   }
   img {
     width: 30px;
+    position: absolute;
+    opacity: 1;
+    transition: opacity .25s ease-in-out;
   }
   &:hover {
     .fa {
-      display: block;
-      width: 30px;
-      height: 30px;
-      color: @textColor;
       opacity: .7;
-      position: relative;
-      left: 6px;
-      top: 4px;
-      font-size: 150%;
     }
     img {
-      display: none;
+      opacity: 0;
     }
   }
 }