Valo theming for Grid's sidebar #17412

Little theming for Reindeer and Runo too, but no designs yet.

Change-Id: I967d377cf33d64c9566b7a28d81002e669562be7

1 files changed, 24 insertions, 1 deletions

diff --git a/WebContent/VAADIN/themes/valo/components/_grid.scss b/WebContent/VAADIN/themes/valo/components/_grid.scss
index 0adfdd27ab..c1862c8209 100644
--- a/WebContent/VAADIN/themes/valo/components/_grid.scss
+++ b/WebContent/VAADIN/themes/valo/components/_grid.scss
@@ -182,12 +182,35 @@ $v-grid-details-border-bottom-stripe: $v-grid-cell-horizontal-border !default;
     padding: round($v-layout-spacing-vertical / 2) round($v-layout-spacing-horizontal / 2);
     margin: 0;
     outline: none;
-  }
+  }  
 
   .#{$primary-stylename}-spacer {
     margin-top: first-number($v-grid-border) * -1;
   }
 
+  // Sidebar
+  .#{$primary-stylename}-sidebar.v-contextmenu {
+    &.opened {
+      .#{$primary-stylename}-sidebar-button:after {
+        font-size: 20px;
+        line-height: 20px;
+      }
+      
+      .#{$primary-stylename}-sidebar-content {
+        margin: 0 0 2px;
+        padding: 4px 4px 2px;
+      }
+    }
+    
+    &.closed {
+      @include valo-gradient($v-grid-header-background-color);
+      
+      .#{$primary-stylename}-sidebar-button {
+        line-height: 36px;
+      }
+    }
+  }
+  
   // Customize scrollbars
   .#{$primary-stylename}-scroller {
     &::-webkit-scrollbar {