From 7c6f4ef6e12836508f63cdee79c11aecdfa93291 Mon Sep 17 00:00:00 2001
From: Pekka Hyvönen <pekka@vaadin.com>
Date: Thu, 12 Feb 2015 11:39:44 +0200
Subject: Drag and drop column reorder for default header row on client side
 Grid. #16643

Change-Id: I94558915859aaa91bdd041da12094bc0dcc53e62
---
 WebContent/VAADIN/themes/base/grid/grid.scss | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

(limited to 'WebContent/VAADIN/themes/base/grid')

diff --git a/WebContent/VAADIN/themes/base/grid/grid.scss b/WebContent/VAADIN/themes/base/grid/grid.scss
index e4a4a1d920..d0bae911db 100644
--- a/WebContent/VAADIN/themes/base/grid/grid.scss
+++ b/WebContent/VAADIN/themes/base/grid/grid.scss
@@ -52,6 +52,27 @@ $v-grid-editor-background-color: $v-grid-row-background-color !default;
     border: $v-grid-border;
   }
 
+  .#{$primaryStyleName} .header-drag-table {
+    border-spacing: 0;
+    table-layout: fixed;
+    width: inherit; // a decent default fallback
+
+    .#{$primaryStyleName}-header {
+
+      > .#{$primaryStyleName}-cell {
+        border: $v-grid-border;
+        opacity: 0.9;
+        filter: alpha(opacity=90); // IE8
+      }
+
+      > .#{$primaryStyleName}-drop-marker {
+        background-color: #197de1;
+        position: absolute;
+        width: 3px;
+      }
+    }
+  }
+
   // Common cell styles
 
   .#{$primaryStyleName}-cell {
-- 
cgit v1.2.3