From a6a1e1d71a0ef671666e42ad50931323dd3f9b7a Mon Sep 17 00:00:00 2001 From: Anna Koskinen Date: Wed, 19 Aug 2020 09:48:37 +0300 Subject: Only remove caption margin from the first visible tab. (#12078) Fixes #10437 --- .../src/main/themes/VAADIN/themes/valo/components/_tabsheet.scss | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'themes/src') diff --git a/themes/src/main/themes/VAADIN/themes/valo/components/_tabsheet.scss b/themes/src/main/themes/VAADIN/themes/valo/components/_tabsheet.scss index e0fa665020..2b98bcbbaf 100644 --- a/themes/src/main/themes/VAADIN/themes/valo/components/_tabsheet.scss +++ b/themes/src/main/themes/VAADIN/themes/valo/components/_tabsheet.scss @@ -246,6 +246,10 @@ $v-tabsheet-content-animation-enabled: $v-animations-enabled !default; margin-left: 0; } + &:not([aria-hidden="true"]) ~ td .v-caption { + margin-left: round($v-unit-size/2); + } + &:focus { outline: none; @@ -443,6 +447,10 @@ $v-tabsheet-content-animation-enabled: $v-animations-enabled !default; margin-left: 0; } + :not([aria-hidden="true"]) ~ td .v-caption { + margin-left: $tab-spacing or first-number($v-border) * -1; + } + @if $frame-inactive-tabs { .#{$primary-stylename}-tabitem .v-caption { border-color: first-color(valo-border($color: $v-app-background-color, $strength: 0.5)); -- cgit v1.2.3