Fix first-header selector specificity in base dataGrid/treeList styles

Alyar · Alyar · commit d33c233620db · 2026-03-17T14:58:18.000+04:00
diff --git a/packages/devextreme-scss/scss/widgets/base/dataGrid/layout/cell.scss b/packages/devextreme-scss/scss/widgets/base/dataGrid/layout/cell.scss
@@ -102,8 +102,8 @@ $datagrid-focused-border-color: null !default;
   border-left: none;
 }
 
-// (0,6,1)
-.dx-widget:not(.dx-rtl) > .dx-gridbase-container > .dx-header-multi-row .dx-row > td.dx-datagrid-first-header {
+// (0,7,1)
+.dx-widget:not(.dx-rtl) > .dx-gridbase-container > .dx-header-multi-row .dx-datagrid-table .dx-row > td.dx-datagrid-first-header {
   border-left: none;
 }
 
diff --git a/packages/devextreme-scss/scss/widgets/base/treeList/layout/cell.scss b/packages/devextreme-scss/scss/widgets/base/treeList/layout/cell.scss
@@ -85,8 +85,8 @@ $treelist-focused-border-color: null !default;
   border-left: none;
 }
 
-// (0,6,1)
-.dx-treelist:not(.dx-rtl) > .dx-gridbase-container > .dx-header-multi-row .dx-row > td.dx-treelist-first-header {
+// (0,7,1)
+.dx-treelist:not(.dx-rtl) > .dx-gridbase-container > .dx-header-multi-row .dx-datagrid-table .dx-row > td.dx-treelist-first-header {
   border-left: none;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -102,8 +102,8 @@ $datagrid-focused-border-color: null !default;`
`102`	`102`	`border-left: none;`
`103`	`103`	`}`
`104`	`104`
`105`		`-// (0,6,1)`
`106`		`-.dx-widget:not(.dx-rtl) > .dx-gridbase-container > .dx-header-multi-row .dx-row > td.dx-datagrid-first-header {`
	`105`	`+// (0,7,1)`
	`106`	`+.dx-widget:not(.dx-rtl) > .dx-gridbase-container > .dx-header-multi-row .dx-datagrid-table .dx-row > td.dx-datagrid-first-header {`
`107`	`107`	`border-left: none;`
`108`	`108`	`}`
`109`	`109`
Original file line number	Diff line number	Diff line change
`@@ -85,8 +85,8 @@ $treelist-focused-border-color: null !default;`
`85`	`85`	`border-left: none;`
`86`	`86`	`}`
`87`	`87`
`88`		`-// (0,6,1)`
`89`		`-.dx-treelist:not(.dx-rtl) > .dx-gridbase-container > .dx-header-multi-row .dx-row > td.dx-treelist-first-header {`
	`88`	`+// (0,7,1)`
	`89`	`+.dx-treelist:not(.dx-rtl) > .dx-gridbase-container > .dx-header-multi-row .dx-datagrid-table .dx-row > td.dx-treelist-first-header {`
`90`	`90`	`border-left: none;`
`91`	`91`	`}`
`92`	`92`