fix(tabs: styles): Fix padding

DevExpress · Sep 4, 2023 · eac397e · eac397e
1 parent 56151a4
commit eac397e
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/devextreme/scss/widgets/material/tabs/variables/_sizes.scss b/packages/devextreme/scss/widgets/material/tabs/variables/_sizes.scss
@@ -28,7 +28,9 @@ $material-indicator-length-secondary: 100% !default;
 $material-indicator-border-radius-secondary: 8px !default;
 
 @if $size == "default" {
-  $material-tabs-item-padding: 10px 16px !default;
+  $material-tabs-item-padding-horizontal: 10px !default;
+  $material-tabs-item-padding-vertical: 16px !default;
+  $material-tabs-item-padding: $material-tabs-item-padding-horizontal $material-tabs-item-padding-vertical !default;
   $material-tab-height: auto !default;
   $material-tab-min-width: 90px !default;
   $material-base-icon-margin: 8px !default;
@@ -41,7 +43,9 @@ $material-indicator-border-radius-secondary: 8px !default;
 }
 
 @else if $size == "compact" {
-  $material-tabs-item-padding: 4px 12px !default;
+  $material-tabs-item-padding-horizontal: 6px !default;
+  $material-tabs-item-padding-vertical: 12px !default;
+  $material-tabs-item-padding: $material-tabs-item-padding-horizontal $material-tabs-item-padding-vertical !default;
   $material-tab-height: auto !default;
   $material-tab-min-width: 82px !default;
   $material-base-icon-margin: 8px !default;