diff options
| author | Anna Koskinen <Ansku@users.noreply.github.com> | 2017-11-28 13:34:00 +0200 |
|---|---|---|
| committer | Teemu Suo-Anttila <tsuoanttila@users.noreply.github.com> | 2017-11-28 13:34:00 +0200 |
| commit | 0fd59e941bb8ed0418cbb75a05c507aaeba09e47 (patch) | |
| tree | 935b9df3e40608a3bdcf69b2da6d031ab236069f /themes | |
| parent | d936003c92a8e3ac2e1c0637ac240f3d7624bc0d (diff) | |
| download | vaadin-framework-0fd59e941bb8ed0418cbb75a05c507aaeba09e47.tar.gz vaadin-framework-0fd59e941bb8ed0418cbb75a05c507aaeba09e47.zip | |
Fix styling of Window control buttons to show focus (#10285)
Fixes #8918
Diffstat (limited to 'themes')
| -rw-r--r-- | themes/src/main/themes/VAADIN/themes/valo/components/_window.scss | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/themes/src/main/themes/VAADIN/themes/valo/components/_window.scss b/themes/src/main/themes/VAADIN/themes/valo/components/_window.scss index 52dac4f6f1..75f914a50b 100644 --- a/themes/src/main/themes/VAADIN/themes/valo/components/_window.scss +++ b/themes/src/main/themes/VAADIN/themes/valo/components/_window.scss @@ -188,6 +188,31 @@ $v-window-modality-curtain-background-color: #222 !default; color: inherit; } } + + .#{$primary-stylename}-closebox:focus::after { + content: ""; + position: absolute; + top: round($v-unit-size/6); + right: round($v-unit-size/6); + bottom: round($v-unit-size/6); + left: round($v-unit-size/18); + border-radius: $v-window-border-radius; + + @include valo-focus-style; + } + + .#{$primary-stylename}-maximizebox:focus::after, + .#{$primary-stylename}-restorebox:focus::after { + content: ""; + position: absolute; + top: round($v-unit-size/6); + right: round($v-unit-size/18); + bottom: round($v-unit-size/6); + left: round($v-unit-size/6); + border-radius: $v-window-border-radius; + + @include valo-focus-style; + } .#{$primary-stylename}-closebox { padding-right: round($v-unit-size/9); @@ -222,6 +247,10 @@ $v-window-modality-curtain-background-color: #222 !default; width: $v-unit-size; padding-right: 0; border-bottom-left-radius: $v-window-border-radius; + + &:focus::after { + left: round($v-unit-size/6); + } } } |