npm - @syncfusion/blazor-themes - Versions diffs - 27.2.4 → 27.2.5 - Mend

@syncfusion/blazor-themes 27.2.4 → 27.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (205) hide show

package/SCSS-Themes/grids/grid/bootstrap5-lite.scss CHANGED Viewed

@@ -1747,6 +1747,7 @@ $grid-checkmark-color: $primary-text-color !default;
       width: $grid-resize-border-width;
     }
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1876,7 +1877,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
@@ -2273,8 +2274,8 @@ $grid-checkmark-color: $primary-text-color !default;
     }
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4912,6 +4913,14 @@ $grid-checkmark-color: $primary-text-color !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
     .e-gridcontent {
@@ -5081,7 +5090,9 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }

package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -1747,6 +1747,7 @@ $grid-checkmark-color: $primary-text-color !default;
       width: $grid-resize-border-width;
     }
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1876,7 +1877,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
@@ -2273,8 +2274,8 @@ $grid-checkmark-color: $primary-text-color !default;
     }
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4912,6 +4913,14 @@ $grid-checkmark-color: $primary-text-color !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
     .e-gridcontent {
@@ -5081,7 +5090,9 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }

package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss CHANGED Viewed

@@ -1747,6 +1747,7 @@ $grid-checkmark-color: $primary-text-color !default;
       width: $grid-resize-border-width;
     }
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1876,7 +1877,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
@@ -2273,8 +2274,8 @@ $grid-checkmark-color: $primary-text-color !default;
     }
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4912,6 +4913,14 @@ $grid-checkmark-color: $primary-text-color !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
     .e-gridcontent {
@@ -5081,7 +5090,9 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
@@ -5909,7 +5920,9 @@ $grid-checkmark-color: $primary-text-color !default;
       &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @if $grid-skin != 'material3' {
+            @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          }
         }
       }
     }

package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss CHANGED Viewed

@@ -1747,6 +1747,7 @@ $grid-checkmark-color: $primary-text-color !default;
       width: $grid-resize-border-width;
     }
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1876,7 +1877,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
@@ -2273,8 +2274,8 @@ $grid-checkmark-color: $primary-text-color !default;
     }
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4912,6 +4913,14 @@ $grid-checkmark-color: $primary-text-color !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
     .e-gridcontent {
@@ -5081,7 +5090,9 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }

package/SCSS-Themes/grids/grid/bootstrap5.3.scss CHANGED Viewed

@@ -1747,6 +1747,7 @@ $grid-checkmark-color: $primary-text-color !default;
       width: $grid-resize-border-width;
     }
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1876,7 +1877,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
@@ -2273,8 +2274,8 @@ $grid-checkmark-color: $primary-text-color !default;
     }
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4912,6 +4913,14 @@ $grid-checkmark-color: $primary-text-color !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
     .e-gridcontent {
@@ -5081,7 +5090,9 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
@@ -5909,7 +5920,9 @@ $grid-checkmark-color: $primary-text-color !default;
       &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @if $grid-skin != 'material3' {
+            @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          }
         }
       }
     }

package/SCSS-Themes/grids/grid/bootstrap5.scss CHANGED Viewed

@@ -1747,6 +1747,7 @@ $grid-checkmark-color: $primary-text-color !default;
       width: $grid-resize-border-width;
     }
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1876,7 +1877,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
@@ -2273,8 +2274,8 @@ $grid-checkmark-color: $primary-text-color !default;
     }
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4912,6 +4913,14 @@ $grid-checkmark-color: $primary-text-color !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
     .e-gridcontent {
@@ -5081,7 +5090,9 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
@@ -5909,7 +5920,9 @@ $grid-checkmark-color: $primary-text-color !default;
       &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @if $grid-skin != 'material3' {
+            @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          }
         }
       }
     }

package/SCSS-Themes/grids/grid/fabric-dark-lite.scss CHANGED Viewed

@@ -1746,6 +1746,7 @@ $grid-checkmark-color: $theme-dark-font !default;
       width: $grid-resize-border-width;
     }
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1875,7 +1876,7 @@ $grid-checkmark-color: $theme-dark-font !default;
     }
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
@@ -2272,8 +2273,8 @@ $grid-checkmark-color: $theme-dark-font !default;
     }
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4911,6 +4912,14 @@ $grid-checkmark-color: $theme-dark-font !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
     .e-gridcontent {
@@ -5080,7 +5089,9 @@ $grid-checkmark-color: $theme-dark-font !default;
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }

package/SCSS-Themes/grids/grid/fabric-dark.scss CHANGED Viewed

@@ -1746,6 +1746,7 @@ $grid-checkmark-color: $theme-dark-font !default;
       width: $grid-resize-border-width;
     }
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1875,7 +1876,7 @@ $grid-checkmark-color: $theme-dark-font !default;
     }
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
@@ -2272,8 +2273,8 @@ $grid-checkmark-color: $theme-dark-font !default;
     }
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4911,6 +4912,14 @@ $grid-checkmark-color: $theme-dark-font !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
     .e-gridcontent {
@@ -5080,7 +5089,9 @@ $grid-checkmark-color: $theme-dark-font !default;
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
@@ -5914,7 +5925,9 @@ $grid-checkmark-color: $theme-dark-font !default;
       &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @if $grid-skin != 'material3' {
+            @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          }
         }
       }
     }

package/SCSS-Themes/grids/grid/fabric-lite.scss CHANGED Viewed

@@ -1745,6 +1745,7 @@ $grid-checkmark-color: $theme-primary-font !default;
       width: $grid-resize-border-width;
     }
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1874,7 +1875,7 @@ $grid-checkmark-color: $theme-primary-font !default;
     }
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
@@ -2271,8 +2272,8 @@ $grid-checkmark-color: $theme-primary-font !default;
     }
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4910,6 +4911,14 @@ $grid-checkmark-color: $theme-primary-font !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
     .e-gridcontent {
@@ -5079,7 +5088,9 @@ $grid-checkmark-color: $theme-primary-font !default;
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }

package/SCSS-Themes/grids/grid/fabric.scss CHANGED Viewed

@@ -1745,6 +1745,7 @@ $grid-checkmark-color: $theme-primary-font !default;
       width: $grid-resize-border-width;
     }
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1874,7 +1875,7 @@ $grid-checkmark-color: $theme-primary-font !default;
     }
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
@@ -2271,8 +2272,8 @@ $grid-checkmark-color: $theme-primary-font !default;
     }
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4910,6 +4911,14 @@ $grid-checkmark-color: $theme-primary-font !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
     .e-gridcontent {
@@ -5079,7 +5088,9 @@ $grid-checkmark-color: $theme-primary-font !default;
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
@@ -5915,7 +5926,9 @@ $grid-checkmark-color: $theme-primary-font !default;
       &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @if $grid-skin != 'material3' {
+            @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          }
         }
       }
     }

package/SCSS-Themes/grids/grid/fluent-dark-lite.scss CHANGED Viewed

@@ -1748,6 +1748,7 @@ $grid-checkmark-color: $primary-text-color !default;
       width: $grid-resize-border-width;
     }
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1877,7 +1878,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
@@ -2274,8 +2275,8 @@ $grid-checkmark-color: $primary-text-color !default;
     }
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4913,6 +4914,14 @@ $grid-checkmark-color: $primary-text-color !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
     .e-gridcontent {
@@ -5082,7 +5091,9 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }