npm - @syncfusion/blazor-themes - Versions diffs - 25.1.37 → 25.1.38 - Mend

@syncfusion/blazor-themes 25.1.37 → 25.1.38

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 (73) hide show

package/SCSS-Themes/dropdowns/list-box/material3.scss CHANGED Viewed

@@ -403,11 +403,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
     }
     .e-input-group {
-      padding: 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 8px;
+      }
     }
     .e-input-focus {
-      padding: 4px 4px 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 4px 4px 8px;
+      }
     }
     .e-hidden-select {

package/SCSS-Themes/dropdowns/list-box/tailwind-dark.scss CHANGED Viewed

@@ -403,11 +403,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
     }
     .e-input-group {
-      padding: 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 8px;
+      }
     }
     .e-input-focus {
-      padding: 4px 4px 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 4px 4px 8px;
+      }
     }
     .e-hidden-select {

package/SCSS-Themes/dropdowns/list-box/tailwind.scss CHANGED Viewed

@@ -403,11 +403,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
     }
     .e-input-group {
-      padding: 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 8px;
+      }
     }
     .e-input-focus {
-      padding: 4px 4px 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 4px 4px 8px;
+      }
     }
     .e-hidden-select {

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

@@ -64001,11 +64001,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
     }
     .e-input-group {
-      padding: 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 8px;
+      }
     }
     .e-input-focus {
-      padding: 4px 4px 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 4px 4px 8px;
+      }
     }
     .e-hidden-select {
@@ -82824,9 +82828,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -82880,9 +82887,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }
@@ -90945,7 +90955,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         }
         @if $skin-name =='material' or $skin-name =='material-dark' {
-          padding: 3px;
+          padding: 0 6px;
         }
         .e-tbar-btn-text {

package/SCSS-Themes/fabric.scss CHANGED Viewed

@@ -63760,11 +63760,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
     }
     .e-input-group {
-      padding: 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 8px;
+      }
     }
     .e-input-focus {
-      padding: 4px 4px 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 4px 4px 8px;
+      }
     }
     .e-hidden-select {
@@ -82582,9 +82586,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -82638,9 +82645,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }
@@ -90697,7 +90707,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         }
         @if $skin-name =='material' or $skin-name =='material-dark' {
-          padding: 3px;
+          padding: 0 6px;
         }
         .e-tbar-btn-text {

package/SCSS-Themes/fluent-dark.scss CHANGED Viewed

@@ -64457,11 +64457,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
     }
     .e-input-group {
-      padding: 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 8px;
+      }
     }
     .e-input-focus {
-      padding: 4px 4px 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 4px 4px 8px;
+      }
     }
     .e-hidden-select {
@@ -83393,9 +83397,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -83449,9 +83456,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }
@@ -91543,7 +91553,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         }
         @if $skin-name =='material' or $skin-name =='material-dark' {
-          padding: 3px;
+          padding: 0 6px;
         }
         .e-tbar-btn-text {

package/SCSS-Themes/fluent.scss CHANGED Viewed

@@ -64458,11 +64458,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
     }
     .e-input-group {
-      padding: 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 8px;
+      }
     }
     .e-input-focus {
-      padding: 4px 4px 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 4px 4px 8px;
+      }
     }
     .e-hidden-select {
@@ -83394,9 +83398,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -83450,9 +83457,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }
@@ -91544,7 +91554,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         }
         @if $skin-name =='material' or $skin-name =='material-dark' {
-          padding: 3px;
+          padding: 0 6px;
         }
         .e-tbar-btn-text {

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

@@ -6851,9 +6851,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -6907,9 +6910,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }

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

@@ -6851,9 +6851,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -6907,9 +6910,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }

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

@@ -6838,9 +6838,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -6894,9 +6897,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }

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

@@ -6840,9 +6840,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -6896,9 +6899,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }

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

@@ -6845,9 +6845,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -6901,9 +6904,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }

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

@@ -6838,9 +6838,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -6894,9 +6897,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }

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

@@ -6838,9 +6838,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -6894,9 +6897,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }

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

@@ -6835,9 +6835,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -6891,9 +6894,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }

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

@@ -6835,9 +6835,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -6891,9 +6894,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }

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

@@ -6830,9 +6830,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -6886,9 +6889,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }

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

@@ -6830,9 +6830,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -6886,9 +6889,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }

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

@@ -6835,9 +6835,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -6891,9 +6894,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }

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

@@ -6836,9 +6836,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.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) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
@@ -6892,9 +6895,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.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) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }