DataGrid: group and total summary overlapping

[dmirgaev]

No description provided.

[Copilot]

Pull request overview

This PR fixes overlapping issues between group rows and total summary in DataGrid by adjusting background-color properties for sticky columns across all themes.

Changes:

• Changed background-color: transparent to background-color: inherit for sticky columns in group rows across all three themes (material, generic, fluent)
• Inverted the CSS selector logic in the base gridBase file for total footer to apply background-color: transparent to non-sticky columns instead of sticky columns

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 1 comment.

File	Description
packages/devextreme-scss/scss/widgets/material/dataGrid/_index.scss	Changed sticky group cell background from transparent to inherit
packages/devextreme-scss/scss/widgets/generic/dataGrid/_index.scss	Changed sticky group cell background from transparent to inherit
packages/devextreme-scss/scss/widgets/fluent/dataGrid/_index.scss	Changed sticky group cell background from transparent to inherit
packages/devextreme-scss/scss/widgets/base/_gridBase.scss	Inverted selector to apply transparent background to non-sticky columns in total footer

[Copilot]

The CSS :not() pseudo-class with multiple selectors separated by commas is not supported in older browsers and will only match elements that don't match ANY of the listed selectors (rather than all of them). This should use separate :not() pseudo-classes chained together: td:not(.dx-#{$widget-name}-sticky-column):not(.dx-#{$widget-name}-sticky-column-left):not(.dx-#{$widget-name}-sticky-column-right)

Suggested change

	td:not(.dx-#{$widget-name}-sticky-column, .dx-#{$widget-name}-sticky-column-left, .dx-#{$widget-name}-sticky-column-right) {
	td:not(.dx-#{$widget-name}-sticky-column):not(.dx-#{$widget-name}-sticky-column-left):not(.dx-#{$widget-name}-sticky-column-right) {