Fox the nav tree

diff --git a/app/static/src/sass/modules/navs/_nav-tree.scss b/app/static/src/sass/modules/navs/_nav-tree.scss
index 3bffd7d44dfccb72cbc7a9fe6d316bb7fb3baa03..0b2f4fe4cde213d304a8b0f46bfbcf6aaad74b39 100644 (file)
--- a/app/static/src/sass/modules/navs/_nav-tree.scss
+++ b/app/static/src/sass/modules/navs/_nav-tree.scss
@@ -5,6 +5,17 @@ $module: ".nav-tree";
     padding: 0;
     margin: 0;
     list-style-type: none;
+    z-index: 2;
+    opacity: 1;
+    @include transition(opacity 0.25s ease-in-out);
+
+    &.faded {
+        opacity: 0;
+    }
+
+    &.is_stuck {
+        background: white;
+    }
 
     &--level-0 {
 
@@ -37,7 +48,7 @@ $module: ".nav-tree";
 
         &--sub {
             @include padding-left(2);
-            background: rgba($color_main, 0.6);
+            background: lighten($color_main, 20%);
             color: $color-black-light;
         }