refactor: clean up some grid CSS selectors (#10503)

vursen · web-flow · commit 68b15cedbd00 · 2025-11-17T18:09:57.000+04:00
diff --git a/packages/grid/src/styles/vaadin-grid-base-styles.js b/packages/grid/src/styles/vaadin-grid-base-styles.js
@@ -139,7 +139,7 @@ export const gridStyles = css`
     --_non-focused-row-none: none;
   }
 
-  .row[loading] .body-cell ::slotted(vaadin-grid-cell-content) {
+  .body-row[loading] .body-cell ::slotted(vaadin-grid-cell-content) {
     visibility: hidden;
   }
 
@@ -332,7 +332,7 @@ export const gridStyles = css`
       var(--_cell-background-image, none);
   }
 
-  .body-row[selected] {
+  .selected-row {
     --_row-selected-background-color: var(
       --vaadin-grid-row-selected-background-color,
       color-mix(in srgb, currentColor 8%, transparent)
@@ -353,7 +353,7 @@ export const gridStyles = css`
     }
   }
 
-  :host([theme~='row-stripes']) [part~='odd-row'] {
+  :host([theme~='row-stripes']) .odd-row {
     --_row-odd-background-color: var(
       --vaadin-grid-row-odd-background-color,
       color-mix(in srgb, var(--vaadin-text-color) 4%, transparent)

Original file line number	Diff line number	Diff line change
@@ -139,7 +139,7 @@ export const gridStyles = css`
`139`	`139`	`--_non-focused-row-none: none;`
`140`	`140`	`}`
`141`	`141`
`142`		`- .row[loading] .body-cell ::slotted(vaadin-grid-cell-content) {`
	`142`	`+ .body-row[loading] .body-cell ::slotted(vaadin-grid-cell-content) {`
`143`	`143`	`visibility: hidden;`
`144`	`144`	`}`
`145`	`145`
@@ -332,7 +332,7 @@ export const gridStyles = css`
`332`	`332`	`var(--_cell-background-image, none);`
`333`	`333`	`}`
`334`	`334`
`335`		`- .body-row[selected] {`
	`335`	`+ .selected-row {`
`336`	`336`	`--_row-selected-background-color: var(`
`337`	`337`	`--vaadin-grid-row-selected-background-color,`
`338`	`338`	`color-mix(in srgb, currentColor 8%, transparent)`
@@ -353,7 +353,7 @@ export const gridStyles = css`
`353`	`353`	`}`
`354`	`354`	`}`
`355`	`355`
`356`		`- :host([theme~='row-stripes']) [part~='odd-row'] {`
	`356`	`+ :host([theme~='row-stripes']) .odd-row {`
`357`	`357`	`--_row-odd-background-color: var(`
`358`	`358`	`--vaadin-grid-row-odd-background-color,`
`359`	`359`	`color-mix(in srgb, var(--vaadin-text-color) 4%, transparent)`