From ac1c4409539d605109078f3da27573c0f5769c10 Mon Sep 17 00:00:00 2001
From: Johannes Dahlström <johannesd@vaadin.com>
Date: Thu, 22 Oct 2015 19:00:16 +0300
Subject: Let column resize handle overflow its parent (#16838)

Change-Id: I795956a4512f1e6e688e1e3c0522cc952117d78f
---
 WebContent/VAADIN/themes/base/grid/grid.scss | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

(limited to 'WebContent/VAADIN/themes')

diff --git a/WebContent/VAADIN/themes/base/grid/grid.scss b/WebContent/VAADIN/themes/base/grid/grid.scss
index 5ae62940f4..6dc5f50cb1 100644
--- a/WebContent/VAADIN/themes/base/grid/grid.scss
+++ b/WebContent/VAADIN/themes/base/grid/grid.scss
@@ -262,10 +262,10 @@ $v-grid-details-border-bottom-stripe: 1px solid darken($v-grid-row-background-co
 
   .#{$primaryStyleName}-column-resize-handle {
     position: absolute;
-    width: 20px;
+    width: 12px;
     top: 0px;
     bottom: 0px;
-    right: -10px;
+    right: -6px;
     cursor: col-resize;
     z-index: 10;
   }
@@ -288,7 +288,14 @@ $v-grid-details-border-bottom-stripe: 1px solid darken($v-grid-row-background-co
     }
   }
 
-  // Header and footer content
+  // Header and footer
+
+  .#{$primaryStyleName}-header,
+  .#{$primaryStyleName}-footer {
+    .#{$primaryStyleName}-cell {
+      overflow: visible;
+    }
+  }
 
   .#{$primaryStyleName}-column-header-content,
   .#{$primaryStyleName}-column-footer-content {
-- 
cgit v1.2.3