npm - @syncfusion/blazor-themes - Versions diffs - 20.3.59 → 20.3.61 - Mend

@syncfusion/blazor-themes 20.3.59 → 20.3.61

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

package/SCSS-Themes/gantt/gantt/material.scss CHANGED Viewed

@@ -885,12 +885,12 @@ $bigger-column-menu-size: 38px !default;
       }
       .e-zero-spacing {
-        border-spacing: 0;
+        border-spacing: .25px;
       }
       .e-chart-row:first-child .e-chart-row-border {
         //border-width: 0;
-        border-top-color: transparent;
+        border-top: 0;
       }
       .e-chart-row {
@@ -1170,6 +1170,7 @@ $bigger-column-menu-size: 38px !default;
       .e-task-table {
         overflow: hidden;
+        border-collapse: separate;
       }
       .e-left-resize-gripper,

package/SCSS-Themes/gantt/gantt/tailwind-dark.scss CHANGED Viewed

@@ -888,12 +888,12 @@ $bigger-column-menu-size: 35px !default;
       }
       .e-zero-spacing {
-        border-spacing: 0;
+        border-spacing: .25px;
       }
       .e-chart-row:first-child .e-chart-row-border {
         //border-width: 0;
-        border-top-color: transparent;
+        border-top: 0;
       }
       .e-chart-row {
@@ -1173,6 +1173,7 @@ $bigger-column-menu-size: 35px !default;
       .e-task-table {
         overflow: hidden;
+        border-collapse: separate;
       }
       .e-left-resize-gripper,

package/SCSS-Themes/gantt/gantt/tailwind.scss CHANGED Viewed

@@ -888,12 +888,12 @@ $bigger-column-menu-size: 35px !default;
       }
       .e-zero-spacing {
-        border-spacing: 0;
+        border-spacing: .25px;
       }
       .e-chart-row:first-child .e-chart-row-border {
         //border-width: 0;
-        border-top-color: transparent;
+        border-top: 0;
       }
       .e-chart-row {
@@ -1173,6 +1173,7 @@ $bigger-column-menu-size: 35px !default;
       .e-task-table {
         overflow: hidden;
+        border-collapse: separate;
       }
       .e-left-resize-gripper,

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

@@ -584,7 +584,7 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: -1.5px !default;
+$grid-reorder-arrow-top-margin: .5px !default;
 $grid-reorder-downarrow-top-margin: -1.5px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
@@ -1557,6 +1557,18 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
+    & .e-toolbar-items{
+      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
+          background: none;
+          box-shadow: none;
+      }
+      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
+          border: none;
+      }
+  }
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -3109,14 +3121,12 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-collapse-icon-text-indent;
     }
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-expand-icon-text-indent;
     }
     .e-recordplusexpand {
@@ -4323,7 +4333,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }

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

@@ -586,7 +586,7 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: -1.5px !default;
+$grid-reorder-arrow-top-margin: .5px !default;
 $grid-reorder-downarrow-top-margin: -1.5px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
@@ -1559,6 +1559,18 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
+    & .e-toolbar-items{
+      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
+          background: none;
+          box-shadow: none;
+      }
+      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
+          border: none;
+      }
+  }
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -3111,14 +3123,12 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-collapse-icon-text-indent;
     }
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-expand-icon-text-indent;
     }
     .e-recordplusexpand {
@@ -4325,7 +4335,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }

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

@@ -590,7 +590,7 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: $grid-content-font-color !default !default;
 $grid-reorderarrow-margin-top: -7.5px !default;
 $grid-reorderdownarrow-margin-top: 2.5px !default;
-$grid-reorder-arrow-top-margin: -1px !default;
+$grid-reorder-arrow-top-margin: 0 !default;
 $grid-reorder-downarrow-top-margin: -3px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
@@ -1563,6 +1563,18 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
+    & .e-toolbar-items{
+      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
+          background: none;
+          box-shadow: none;
+      }
+      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
+          border: none;
+      }
+  }
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -3115,14 +3127,12 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-collapse-icon-text-indent;
     }
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-expand-icon-text-indent;
     }
     .e-recordplusexpand {
@@ -4329,7 +4339,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }

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

@@ -587,7 +587,7 @@ $grid-sortnumber-font-size: 14px !default;
 $grid-reorderarrow-margin-top: -7px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-downarrow-top-margin: -2px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -3px !default;
 $grid-column-chooser-cancel-icon-size: $text-sm !default;
@@ -1557,6 +1557,18 @@ $grid-dropitems-count-margin-left: -4px !default;
       }
     }
+    & .e-toolbar-items{
+      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
+          background: none;
+          box-shadow: none;
+      }
+      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
+          border: none;
+      }
+  }
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -3109,14 +3121,12 @@ $grid-dropitems-count-margin-left: -4px !default;
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-collapse-icon-text-indent;
     }
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-expand-icon-text-indent;
     }
     .e-recordplusexpand {
@@ -4323,7 +4333,7 @@ $grid-dropitems-count-margin-left: -4px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }

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

@@ -587,7 +587,7 @@ $grid-sortnumber-font-size: 14px !default;
 $grid-reorderarrow-margin-top: -7px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-downarrow-top-margin: -2px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -3px !default;
 $grid-column-chooser-cancel-icon-size: $text-sm !default;
@@ -1557,6 +1557,18 @@ $grid-dropitems-count-margin-left: -4px !default;
       }
     }
+    & .e-toolbar-items{
+      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
+          background: none;
+          box-shadow: none;
+      }
+      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
+          border: none;
+      }
+  }
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -3109,14 +3121,12 @@ $grid-dropitems-count-margin-left: -4px !default;
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-collapse-icon-text-indent;
     }
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-expand-icon-text-indent;
     }
     .e-recordplusexpand {
@@ -4323,7 +4333,7 @@ $grid-dropitems-count-margin-left: -4px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }

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

@@ -581,8 +581,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 1px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -1554,6 +1554,18 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
+    & .e-toolbar-items{
+      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
+          background: none;
+          box-shadow: none;
+      }
+      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
+          border: none;
+      }
+  }
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -3106,14 +3118,12 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-collapse-icon-text-indent;
     }
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-expand-icon-text-indent;
     }
     .e-recordplusexpand {
@@ -4320,7 +4330,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }

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

@@ -581,8 +581,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 1px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -1554,6 +1554,18 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
+    & .e-toolbar-items{
+      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
+          background: none;
+          box-shadow: none;
+      }
+      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
+          border: none;
+      }
+  }
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -3106,14 +3118,12 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-collapse-icon-text-indent;
     }
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-expand-icon-text-indent;
     }
     .e-recordplusexpand {
@@ -4320,7 +4330,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }

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

@@ -582,7 +582,7 @@ $grid-sortnumber-font-size: 12px !default;
 $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -2px !default;
 $grid-column-chooser-cancel-icon-size: 10px !default;
@@ -1549,6 +1549,18 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
+    & .e-toolbar-items{
+      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
+          background: none;
+          box-shadow: none;
+      }
+      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
+          border: none;
+      }
+  }
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -3101,14 +3113,12 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-collapse-icon-text-indent;
     }
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-expand-icon-text-indent;
     }
     .e-recordplusexpand {
@@ -4315,7 +4325,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }

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

@@ -582,7 +582,7 @@ $grid-sortnumber-font-size: 12px !default;
 $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -2px !default;
 $grid-column-chooser-cancel-icon-size: 10px !default;
@@ -1549,6 +1549,18 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
+    & .e-toolbar-items{
+      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
+          background: none;
+          box-shadow: none;
+      }
+      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
+          border: none;
+      }
+  }
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -3101,14 +3113,12 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-collapse-icon-text-indent;
     }
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-expand-icon-text-indent;
     }
     .e-recordplusexpand {
@@ -4315,7 +4325,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }

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

@@ -581,8 +581,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 2px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -1554,6 +1554,18 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
+    & .e-toolbar-items{
+      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
+          background: none;
+          box-shadow: none;
+      }
+      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
+          border: none;
+      }
+  }
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -3106,14 +3118,12 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-collapse-icon-text-indent;
     }
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-expand-icon-text-indent;
     }
     .e-recordplusexpand {
@@ -4320,7 +4330,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }

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

@@ -582,8 +582,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 1px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -1555,6 +1555,18 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
+    & .e-toolbar-items{
+      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
+          background: none;
+          box-shadow: none;
+      }
+      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
+          border: none;
+      }
+  }
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -3107,14 +3119,12 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-collapse-icon-text-indent;
     }
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-expand-icon-text-indent;
     }
     .e-recordplusexpand {
@@ -4321,7 +4331,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }