chore(*): Fix background styles when pinned and merged.

MKirova · MKirova · commit 2d6b4431eed4 · 2025-07-31T11:56:38.000+03:00
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss
@@ -1903,11 +1903,11 @@
 
     %igx-grid__td--merged-selected {
         color: var-get($theme, 'row-selected-text-color');
-        background: var-get($theme, 'row-selected-background');
+        background: var-get($theme, 'row-selected-background') !important;
     }
 
     %igx-grid__td--merged-hovered {
-        background: var-get($theme, 'row-hover-background');
+        background: var-get($theme, 'row-hover-background') !important;
         color: var-get($theme, 'row-hover-text-color');
     }
 
@@ -1948,6 +1948,7 @@
 
     %grid-cell--pinned {
         position: relative;
+        background: inherit;
         z-index: 9999;
     }
 

Original file line number	Diff line number	Diff line change
`@@ -1903,11 +1903,11 @@`
`1903`	`1903`
`1904`	`1904`	`%igx-grid__td--merged-selected {`
`1905`	`1905`	`color: var-get($theme, 'row-selected-text-color');`
`1906`		`- background: var-get($theme, 'row-selected-background');`
	`1906`	`+ background: var-get($theme, 'row-selected-background') !important;`
`1907`	`1907`	`}`
`1908`	`1908`
`1909`	`1909`	`%igx-grid__td--merged-hovered {`
`1910`		`- background: var-get($theme, 'row-hover-background');`
	`1910`	`+ background: var-get($theme, 'row-hover-background') !important;`
`1911`	`1911`	`color: var-get($theme, 'row-hover-text-color');`
`1912`	`1912`	`}`
`1913`	`1913`
`@@ -1948,6 +1948,7 @@`
`1948`	`1948`
`1949`	`1949`	`%grid-cell--pinned {`
`1950`	`1950`	`position: relative;`
	`1951`	`+ background: inherit;`
`1951`	`1952`	`z-index: 9999;`
`1952`	`1953`	`}`
`1953`	`1954`