Add side shadow for unpinned sidebar

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

Add side shadow for unpinned sidebar
454e6c7b · Dmitriy Zaporozhets · 440345bd · 454e6c7b
Unverified Commit 454e6c7b authored Jul 09, 2016 by Dmitriy Zaporozhets
Hide whitespace changes
Inline Side-by-side

Showing with 7 additions and 0 deletions

sidebar.scss app/assets/stylesheets/framework/sidebar.scss +7 -0

No files found.
--- a/app/assets/stylesheets/framework/sidebar.scss
+++ b/app/assets/stylesheets/framework/sidebar.scss
@@ -3,6 +3,12 @@
  padding-bottom: 25px;
  transition: padding $sidebar-transition-duration;

+  &.page-sidebar-pinned {
+    .sidebar-wrapper {
+      @include box-shadow(none);
+    }
+  }
+
  .sidebar-wrapper {
    position: fixed;
    top: 0;
@@ -11,6 +17,7 @@
    height: 100%;
    overflow: hidden;
    transition: width $sidebar-transition-duration;
+    @include box-shadow(2px 0px 16px 0px #bbb);
  }
 }