Grid column hiding info from client to server #(17023)

Fixes mismatched client-server API regarding ColumnVisibilityChangeEvent
Adds and removes the column hiding toggle as needed when columns added / removed.
Known bug when a hidable column added, column toggle won't get the caption of column.

Change-Id: I708e19432dc822f713bf11f5b8e6eadb528a3961

1 files changed, 16 insertions, 4 deletions

diff --git a/WebContent/VAADIN/themes/base/grid/grid.scss b/WebContent/VAADIN/themes/base/grid/grid.scss
index 87b936a1b9..ccb7043c50 100644
--- a/WebContent/VAADIN/themes/base/grid/grid.scss
+++ b/WebContent/VAADIN/themes/base/grid/grid.scss
@@ -84,16 +84,17 @@ $v-grid-editor-background-color: $v-grid-row-background-color !default;
   .#{$primaryStyleName}-sidebar {
     position: absolute;
     top: 1px;
-    right : 0;
-    
+    right : 1px;
+
     background-color: $v-grid-header-background-color;
     border-left: $v-grid-header-border;
     border-bottom: $v-grid-header-border;    
     z-index: 5;
-    
+
     .#{$primaryStyleName}-sidebar-button {
       height: $v-grid-header-row-height;
-      
+      text-align: right;
+
       &:after {
         content: "\f0c9";
         font-family: FontAwesome, sans-serif;
@@ -102,6 +103,17 @@ $v-grid-editor-background-color: $v-grid-row-background-color !default;
         padding: 0 $v-grid-cell-padding-horizontal;
       }
     }
+
+    .#{$primaryStyleName}-sidebar-content {
+      
+      .column-hiding-panel {
+        display: block;
+        .column-hiding-toggle {
+          display: block;
+          padding: 3px 12px;
+        }
+      }      
+    }
   }
 
   // Common cell styles