fix: styles

DevExpress · Sep 20, 2024 · 85824d4 · 85824d4
1 parent fddeb0c
commit 85824d4
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/packages/devextreme-scss/scss/widgets/base/_gridBase.scss b/packages/devextreme-scss/scss/widgets/base/_gridBase.scss
@@ -1000,9 +1000,9 @@
   .dx-#{$widget-name}-total-footer {
     position: relative;
 
-    & > .dx-#{$widget-name}-content .dx-#{$widget-name}-summary-item {
-      padding-top: $grid-total-footer-paddings;
-      padding-bottom: $grid-total-footer-paddings;
+    & > .dx-#{$widget-name}-content .dx-row > td {
+      padding-top: $grid-total-footer-paddings * 2;
+      padding-bottom: $grid-total-footer-paddings * 2;
     }
   }
 

diff --git a/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_index.scss
@@ -127,12 +127,14 @@
 .dx-datagrid-rowsview {
   .dx-group-cell:has(.dx-datagrid-group-row-container) {
     padding-left: 0px;
+    padding-right: 0px;
     overflow: initial;
     background-color: transparent;
   }
 
   .dx-datagrid-group-row-container {
     padding-left: $fluent-grid-base-cell-horizontal-padding;
+    padding-right: $fluent-grid-base-cell-horizontal-padding;
     text-overflow: ellipsis;
     display: inline-block;
     position: sticky;

diff --git a/packages/devextreme-scss/scss/widgets/generic/dataGrid/_index.scss b/packages/devextreme-scss/scss/widgets/generic/dataGrid/_index.scss
@@ -132,12 +132,14 @@
 .dx-datagrid-rowsview {
   .dx-group-cell:has(.dx-datagrid-group-row-container) {
     padding-left: 0px;
+    padding-right: 0px;
     overflow: initial;
     background-color: transparent;
   }
 
   .dx-datagrid-group-row-container {
     padding-left: $generic-datagrid-cell-padding;
+    padding-right: $generic-datagrid-cell-padding;
     text-overflow: ellipsis;
     display: inline-block;
     position: sticky;

diff --git a/packages/devextreme-scss/scss/widgets/material/dataGrid/_index.scss b/packages/devextreme-scss/scss/widgets/material/dataGrid/_index.scss
@@ -125,12 +125,14 @@
 .dx-datagrid-rowsview {
   .dx-group-cell:has(.dx-datagrid-group-row-container) {
     padding-left: 0px;
+    padding-right: 0px;
     overflow: initial;
     background-color: transparent;
   }
 
   .dx-datagrid-group-row-container {
     padding-left: $material-grid-base-cell-horizontal-padding;
+    padding-right: $material-grid-base-cell-horizontal-padding;
     text-overflow: ellipsis;
     display: inline-block;
     position: sticky;