From: Jérémy Fabre <Jeremy@iMac-de-Jeremy.local>
Date: Fri, 21 Oct 2016 10:41:28 +0000 (+0200)
Subject: Sidebar new style
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=7f31fd24b26690eb5ae4eac8330520b16d9f64c4;p=mezzo.git

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 4d7eff83..7f13b59e 100644
--- 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;
 
     }