Fluent: change tabpanel in layout manager paddings (#25881)

Co-authored-by: Alexander Bulychev <[email protected]>
DevExpress · Oct 25, 2023 · 65a40d4 · 65a40d4
1 parent 3e746bf
commit 65a40d4
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 2 deletions.
diff --git a/packages/devextreme/scss/widgets/fluent/form/_index.scss b/packages/devextreme/scss/widgets/fluent/form/_index.scss
@@ -50,8 +50,7 @@
   }
 
   .dx-tabpanel .dx-multiview-item-content {
-    padding-left: 0;
-    padding-right: 0;
+    padding: $fluent-form-layout-manager-tabpanel-content-padding;
   }
 }
 

diff --git a/packages/devextreme/scss/widgets/fluent/form/_sizes.scss b/packages/devextreme/scss/widgets/fluent/form/_sizes.scss
@@ -12,6 +12,7 @@ $fluent-form-default-top-padding: null !default;
 $fluent-form-help-text-font-size: 12px !default;
 $fluent-form-layout-manager-horizontal-padding: null !default;
 $fluent-form-layout-manager-vertical-padding: null !default;
+$fluent-form-layout-manager-tabpanel-content-padding: null !default;
 
 $fluent-form-label-font-size: $fluent-base-font-size !default;
 $fluent-form-label-icon-size: $fluent-base-icon-size !default;
@@ -25,6 +26,7 @@ $fluent-form-label-icon-size: $fluent-base-icon-size !default;
   $fluent-form-top-label-bottom-margin: 4px !default;
   $fluent-form-layout-manager-horizontal-padding: 12px !default;
   $fluent-form-layout-manager-vertical-padding: 8px !default;
+  $fluent-form-layout-manager-tabpanel-content-padding: 24px !default;
 }
 
 @else if $size == "compact" {
@@ -36,4 +38,5 @@ $fluent-form-label-icon-size: $fluent-base-icon-size !default;
   $fluent-form-top-label-bottom-margin: 2px !default;
   $fluent-form-layout-manager-horizontal-padding: 8px !default;
   $fluent-form-layout-manager-vertical-padding: 6px !default;
+  $fluent-form-layout-manager-tabpanel-content-padding: 16px !default;
 }
diff --git a/...s/Form labels width after render in invisible container (fluent-blue-light).png b/...s/Form labels width after render in invisible container (fluent-blue-light).png
diff --git a/...vextreme/testing/testcafe/tests/form/etalons/TabbedItem (fluent-blue-light).png b/...vextreme/testing/testcafe/tests/form/etalons/TabbedItem (fluent-blue-light).png
diff --git a/...lEditor/dialogs/addImage/etalons/tabpanel-in-htmleditor (fluent-blue-light).png b/...lEditor/dialogs/addImage/etalons/tabpanel-in-htmleditor (fluent-blue-light).png