npm - @syncfusion/blazor-themes - Versions diffs - 28.1.33 → 28.1.35 - Mend

@syncfusion/blazor-themes 28.1.33 → 28.1.35

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

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

@@ -4256,6 +4256,13 @@ $grid-checkmark-color: $white !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5113,7 +5120,7 @@ $grid-checkmark-color: $white !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -7301,6 +7308,13 @@ $grid-checkmark-color: $white !default;
     padding-right: $grid-res-toolbar-search-wrapper-padding-right;
   }
+  .e-row .e-input-group .e-control.e-input {
+    @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+      padding-bottom: 0;
+      padding-top: 0;
+    }
+  }
   .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li{
     @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark'{
       background-color: unset;

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

@@ -4249,6 +4249,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5106,7 +5113,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }

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

@@ -4249,6 +4249,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5106,7 +5113,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -7308,6 +7315,13 @@ $grid-checkmark-color: $primary-text-color !default;
     padding-right: $grid-res-toolbar-search-wrapper-padding-right;
   }
+  .e-row .e-input-group .e-control.e-input {
+    @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+      padding-bottom: 0;
+      padding-top: 0;
+    }
+  }
   .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li{
     @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark'{
       background-color: unset;

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

@@ -4249,6 +4249,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5106,7 +5113,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }

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

@@ -4249,6 +4249,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5106,7 +5113,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }

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

@@ -4249,6 +4249,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5106,7 +5113,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -7308,6 +7315,13 @@ $grid-checkmark-color: $primary-text-color !default;
     padding-right: $grid-res-toolbar-search-wrapper-padding-right;
   }
+  .e-row .e-input-group .e-control.e-input {
+    @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+      padding-bottom: 0;
+      padding-top: 0;
+    }
+  }
   .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li{
     @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark'{
       background-color: unset;

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

@@ -4249,6 +4249,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5106,7 +5113,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }

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

@@ -4249,6 +4249,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5106,7 +5113,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -7308,6 +7315,13 @@ $grid-checkmark-color: $primary-text-color !default;
     padding-right: $grid-res-toolbar-search-wrapper-padding-right;
   }
+  .e-row .e-input-group .e-control.e-input {
+    @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+      padding-bottom: 0;
+      padding-top: 0;
+    }
+  }
   .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li{
     @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark'{
       background-color: unset;

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

@@ -4249,6 +4249,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5106,7 +5113,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -7308,6 +7315,13 @@ $grid-checkmark-color: $primary-text-color !default;
     padding-right: $grid-res-toolbar-search-wrapper-padding-right;
   }
+  .e-row .e-input-group .e-control.e-input {
+    @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+      padding-bottom: 0;
+      padding-top: 0;
+    }
+  }
   .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li{
     @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark'{
       background-color: unset;

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

@@ -4248,6 +4248,13 @@ $grid-checkmark-color: $theme-dark-font !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5105,7 +5112,7 @@ $grid-checkmark-color: $theme-dark-font !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }

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

@@ -4248,6 +4248,13 @@ $grid-checkmark-color: $theme-dark-font !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5105,7 +5112,7 @@ $grid-checkmark-color: $theme-dark-font !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -7313,6 +7320,13 @@ $grid-checkmark-color: $theme-dark-font !default;
     padding-right: $grid-res-toolbar-search-wrapper-padding-right;
   }
+  .e-row .e-input-group .e-control.e-input {
+    @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+      padding-bottom: 0;
+      padding-top: 0;
+    }
+  }
   .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li{
     @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark'{
       background-color: unset;

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

@@ -4247,6 +4247,13 @@ $grid-checkmark-color: $theme-primary-font !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5104,7 +5111,7 @@ $grid-checkmark-color: $theme-primary-font !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }

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

@@ -4247,6 +4247,13 @@ $grid-checkmark-color: $theme-primary-font !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5104,7 +5111,7 @@ $grid-checkmark-color: $theme-primary-font !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -7314,6 +7321,13 @@ $grid-checkmark-color: $theme-primary-font !default;
     padding-right: $grid-res-toolbar-search-wrapper-padding-right;
   }
+  .e-row .e-input-group .e-control.e-input {
+    @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+      padding-bottom: 0;
+      padding-top: 0;
+    }
+  }
   .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li{
     @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark'{
       background-color: unset;

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

@@ -4250,6 +4250,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5107,7 +5114,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }

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

@@ -4250,6 +4250,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5107,7 +5114,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -7315,6 +7322,13 @@ $grid-checkmark-color: $primary-text-color !default;
     padding-right: $grid-res-toolbar-search-wrapper-padding-right;
   }
+  .e-row .e-input-group .e-control.e-input {
+    @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+      padding-bottom: 0;
+      padding-top: 0;
+    }
+  }
   .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li{
     @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark'{
       background-color: unset;

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

@@ -4250,6 +4250,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5107,7 +5114,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }

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

@@ -4250,6 +4250,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5107,7 +5114,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -7315,6 +7322,13 @@ $grid-checkmark-color: $primary-text-color !default;
     padding-right: $grid-res-toolbar-search-wrapper-padding-right;
   }
+  .e-row .e-input-group .e-control.e-input {
+    @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+      padding-bottom: 0;
+      padding-top: 0;
+    }
+  }
   .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li{
     @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark'{
       background-color: unset;

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

@@ -4263,6 +4263,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5120,7 +5127,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }

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

@@ -4263,6 +4263,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5120,7 +5127,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -7328,6 +7335,13 @@ $grid-checkmark-color: $primary-text-color !default;
     padding-right: $grid-res-toolbar-search-wrapper-padding-right;
   }
+  .e-row .e-input-group .e-control.e-input {
+    @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+      padding-bottom: 0;
+      padding-top: 0;
+    }
+  }
   .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li{
     @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark'{
       background-color: unset;

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

@@ -4263,6 +4263,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5120,7 +5127,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }

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

@@ -4263,6 +4263,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -5120,7 +5127,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &: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));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -7328,6 +7335,13 @@ $grid-checkmark-color: $primary-text-color !default;
     padding-right: $grid-res-toolbar-search-wrapper-padding-right;
   }
+  .e-row .e-input-group .e-control.e-input {
+    @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+      padding-bottom: 0;
+      padding-top: 0;
+    }
+  }
   .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li{
     @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark'{
       background-color: unset;