Fix background colors of right inline frozen columns

radzenhq · Jan 2, 2025 · 27bf171 · 27bf171
1 parent c1e428d
commit 27bf171
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 8 deletions.
diff --git a/Radzen.Blazor/themes/components/blazor/_grid.scss b/Radzen.Blazor/themes/components/blazor/_grid.scss
@@ -670,7 +670,8 @@ $column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default;
           }
         }
 
-        &.rz-frozen-cell-right {
+        &.rz-frozen-cell-right,
+        &.rz-frozen-cell-right-inner {
           &:before {
             z-index: -2;
             background-color: var(--rz-grid-frozen-cell-background-color);
@@ -693,7 +694,8 @@ $column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default;
             }
           }
 
-          &.rz-frozen-cell-right {
+          &.rz-frozen-cell-right,
+          &.rz-frozen-cell-right-inner {
             &:after {
               background-color: var(--rz-grid-selected-background-color);
             }
@@ -722,7 +724,8 @@ $column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default;
             }
           }
 
-          &.rz-frozen-cell-right {
+          &.rz-frozen-cell-right,
+          &.rz-frozen-cell-right-inner {
             &:after {
               background-color: var(--rz-grid-cell-focus-background-color);
               color: var(--rz-grid-cell-focus-color);
@@ -760,7 +763,8 @@ $column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1) !default;
               }
             }
 
-            &.rz-frozen-cell-right {
+            &.rz-frozen-cell-right,
+            &.rz-frozen-cell-right-inner {
               &:after {
                 background-color: var(--rz-grid-hover-background-color);
               }

diff --git a/RadzenBlazorDemos/wwwroot/css/fluent-base.css b/RadzenBlazorDemos/wwwroot/css/fluent-base.css
diff --git a/RadzenBlazorDemos/wwwroot/css/fluent-dark-base.css b/RadzenBlazorDemos/wwwroot/css/fluent-dark-base.css
diff --git a/RadzenBlazorDemos/wwwroot/css/material3-base.css b/RadzenBlazorDemos/wwwroot/css/material3-base.css
diff --git a/RadzenBlazorDemos/wwwroot/css/material3-dark-base.css b/RadzenBlazorDemos/wwwroot/css/material3-dark-base.css