From 7f31fd24b26690eb5ae4eac8330520b16d9f64c4 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= Date: Fri, 21 Oct 2016 12:41:28 +0200 Subject: [PATCH] Sidebar new style --- app/static/src/sass/modules/navs/_nav-tree.scss | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) 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; } -- 2.39.5