Fix regressions in Grid SCSS

Fix regressions from previous Grid style patch:
- Typo in selector (dot instead of comma)
- “active” style renamed to “focused”
- Scrollbar border styling moved from Valo (was working) to Base (now
all themes work the same)

Change-Id: I778de73027f0cb9def1fb93e5188f494f0a49639

1 files changed, 9 insertions, 1 deletions

diff --git a/WebContent/VAADIN/themes/base/grid/grid.scss b/WebContent/VAADIN/themes/base/grid/grid.scss
index 4be0faecc6..79909a0b93 100644
--- a/WebContent/VAADIN/themes/base/grid/grid.scss
+++ b/WebContent/VAADIN/themes/base/grid/grid.scss
@@ -35,11 +35,19 @@ $v-grid-editor-row-background-color: $v-grid-row-background-color !default;
     outline: none;
   }
 
-  .#{$primaryStyleName}-scroller-vertical.
+  .#{$primaryStyleName}-scroller-vertical,
   .#{$primaryStyleName}-scroller-horizontal {
     border: $v-grid-border;
   }
 
+  .#{$primaryStyleName}-scroller-vertical {
+    border-left: none;
+  }
+
+  .#{$primaryStyleName}-scroller-horizontal {
+    border-top: none;
+  }
+
   .#{$primaryStyleName}-tablewrapper {
     border: $v-grid-border;
   }