Only remove caption margin from the first visible tab.

Fixes vaadin#10437
Ansku · Aug 18, 2020 · b1fdcef · b1fdcef
1 parent 0676373
commit b1fdcef
Showing 1 changed file with 8 additions and 0 deletions.
diff --git 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: round($v-unit-size/2);
+    }
+
     @if $frame-inactive-tabs {
       .#{$primary-stylename}-tabitem .v-caption {
         border-color: first-color(valo-border($color: $v-app-background-color, $strength: 0.5));