From 0fd59e941bb8ed0418cbb75a05c507aaeba09e47 Mon Sep 17 00:00:00 2001 From: Anna Koskinen Date: Tue, 28 Nov 2017 13:34:00 +0200 Subject: Fix styling of Window control buttons to show focus (#10285) Fixes #8918 --- .../VAADIN/themes/valo/components/_window.scss | 29 ++++++++++++++++++++++ 1 file changed, 29 insertions(+) (limited to 'themes') 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); + } } } -- cgit v1.2.3