#261 - Adding a hover behavior for the default tags

1 files changed, 8 insertions, 6 deletions

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