Sidebar new style

diff --git a/app/static/src/sass/modules/navs/_nav-tree.scss b/app/static/src/sass/modules/navs/_nav-tree.scss
index 4d7eff834b88d84f80bc466ffebf2dfc182ae5ec..7f13b59e71e760803361c4f132adc6005dcc63f4 100644 (file)
--- a/app/static/src/sass/modules/navs/_nav-tree.scss
+++ b/app/static/src/sass/modules/navs/_nav-tree.scss
@@ -21,11 +21,13 @@ $module: ".nav-tree";
     }
 
     opacity: 1;
-    @include transition(opacity 0.10s ease-in-out);
+    @include transition(opacity 0.10s ease-in-out, transform 0.10s ease-in-out);
+    @include transform(translateX(0));
 
     &.faded {
         opacity: 0;
-        @include transition(opacity 0.10s ease-in-out);
+        @include transition(opacity 0.10s ease-in-out, transform 0.10s ease-in-out);
+        @include transform(translateX(-20px));
     }
 
     &.is_stuck {
@@ -35,6 +37,10 @@ $module: ".nav-tree";
     &--level-0 {
 
         @include margin-bottom(2);
+        box-shadow: 0 0 80px rgba(0, 0, 0, 0.15);
+        border-left: 2px solid white;
+        border-right: 2px solid white;
+        border-bottom: 2px solid white;
 
     }