From 535b879cb8180983c2da6444ec275e588fb4125f Mon Sep 17 00:00:00 2001
From: Ilia Motornyi <elmot@vaadin.com>
Date: Wed, 5 Apr 2017 14:14:03 +0200
Subject: TreeGrid keyboard navigation

Fixes #8758
---
 .../VAADIN/themes/valo/components/_treegrid.scss   | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)

(limited to 'themes/src')

diff --git a/themes/src/main/themes/VAADIN/themes/valo/components/_treegrid.scss b/themes/src/main/themes/VAADIN/themes/valo/components/_treegrid.scss
index 8255d830eb..07c8f71d0d 100644
--- a/themes/src/main/themes/VAADIN/themes/valo/components/_treegrid.scss
+++ b/themes/src/main/themes/VAADIN/themes/valo/components/_treegrid.scss
@@ -10,6 +10,9 @@ $tg-expander-width: 10px !default;
 /** Expander button right side padding */
 $tg-expander-padding: 10px !default;
 
+$v-tree-grid-row-focused-border: $v-grid-cell-focused-border !default;
+
+
 @mixin treegrid {
 
   // Expander with and item indentation constants
@@ -62,5 +65,29 @@ $tg-expander-padding: 10px !default;
   .v-tree-grid-cell-content {
     display: inline-block;
   }
+
+  .v-grid-rowmode-row-focused {
+
+    &:before {
+      content: "";
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      border: $v-grid-cell-focused-border;
+      display: none;
+      pointer-events: none;
+    }
+  }
+  .v-grid:focus .v-grid-rowmode-row-focused:before {
+    display: block;
+  }
+
+  .v-grid.v-disabled:focus .v-grid-rowmode-row-focused:before {
+    // Disabled Grid should not show cell focus outline
+    display: none;
+  }
+
 }
 
-- 
cgit v1.2.3