diff options
| author | Ilia Motornyi <elmot@vaadin.com> | 2017-04-05 14:14:03 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2017-04-05 14:14:03 +0200 |
| commit | 535b879cb8180983c2da6444ec275e588fb4125f (patch) | |
| tree | b92535ccbc9bd9f43b1000a73fcf2d5bf9223a30 /themes | |
| parent | 1a30320913e8b9ea851af3ed4a659f969aa92ee6 (diff) | |
| download | vaadin-framework-535b879cb8180983c2da6444ec275e588fb4125f.tar.gz vaadin-framework-535b879cb8180983c2da6444ec275e588fb4125f.zip | |
TreeGrid keyboard navigation
Fixes #8758
Diffstat (limited to 'themes')
| -rw-r--r-- | themes/src/main/themes/VAADIN/themes/valo/components/_treegrid.scss | 27 |
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; + } + } |