From f69d9969f06dff09cf08452bb0bb4daf5f6e72aa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?marker=20dao=20=C2=AE=20=7C=20Roman=20Ty?= Date: Fri, 1 Sep 2023 16:55:45 +0400 Subject: [PATCH] fix(tabs: styles): Fix padding --- .../scss/widgets/material/tabs/variables/_sizes.scss | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/devextreme/scss/widgets/material/tabs/variables/_sizes.scss b/packages/devextreme/scss/widgets/material/tabs/variables/_sizes.scss index 3f89e8f6986c..d4d52be289e3 100644 --- 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: 12px 16px !default; + $material-tabs-item-padding-horizontal: 12px !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: 6px 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;