From c3eab90103b01b3551a83a8d747e11fc4945582e Mon Sep 17 00:00:00 2001
From: Gabriel Albo <gabriel@albo.com.br>
Date: Mon, 9 Mar 2015 14:35:46 -0300
Subject: #261 - Adding a hover behavior for the default tags

---
 web-ui/app/scss/styles.scss | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

(limited to 'web-ui/app')

diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index d3c96530..a7f36b35 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -158,7 +158,7 @@
       }
       &.selected {
         background: #FFF;
-        z-index: 3;
+        z-index: 2;
         a {
           color: #333;
         }
@@ -254,18 +254,20 @@ section {
       border-right: 1px solid lighten($navigation_background, 10%);
       ul#default-tag-list, #custom-tag-list {
         li {
-          transition: background-color 150ms ease-out;
+          transition: background-color 150ms ease-in-out;
           padding: 2px 10px;
           cursor: pointer;
-          &:hover {
-            background: #CCC;
-            color: $navigation_background;
-          }
           &.selected {
             font-weight: bold;
             background: $contrast;
             color: $navigation_background;
           }
+          &:hover {
+            z-index: 5;
+            transition: z-index 150ms ease-out;
+            background: #CCC;
+            color: $navigation_background;
+          }
         }
       }
 
-- 
cgit v1.2.3