summaryrefslogtreecommitdiffstats
path: root/themes/src
diff options
context:
space:
mode:
authorIlia Motornyi <elmot@vaadin.com>2017-04-05 14:14:03 +0200
committerGitHub <noreply@github.com>2017-04-05 14:14:03 +0200
commit535b879cb8180983c2da6444ec275e588fb4125f (patch)
treeb92535ccbc9bd9f43b1000a73fcf2d5bf9223a30 /themes/src
parent1a30320913e8b9ea851af3ed4a659f969aa92ee6 (diff)
downloadvaadin-framework-535b879cb8180983c2da6444ec275e588fb4125f.tar.gz
vaadin-framework-535b879cb8180983c2da6444ec275e588fb4125f.zip
TreeGrid keyboard navigation
Fixes #8758
Diffstat (limited to 'themes/src')
-rw-r--r--themes/src/main/themes/VAADIN/themes/valo/components/_treegrid.scss27
1 files changed, 27 insertions, 0 deletions
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;
+ }
+
}