npm - @syncfusion/blazor-themes - Versions diffs - 26.1.42 → 26.2.4 - Mend

@syncfusion/blazor-themes 26.1.42 → 26.2.4

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

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

@@ -1185,7 +1185,7 @@ $grid-checkmark-color: $primary !default;
       .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
         margin: $grid-rtl-bigger-sortnumber-withfilter-margin;
         @if $grid-skin == 'tailwind' {
-          margin-left: 4px;
+          margin-left: 0;
         }
       }
@@ -2526,8 +2526,13 @@ $grid-checkmark-color: $primary !default;
       user-select: none;
     }
-    .e-rightalign:not(.e-fltr-icon) .e-headercelldiv {
+    .e-rightalign:not(.e-fltr-icon) .e-headercelldiv,
+    .e-leftalign:not(.e-fltr-icon) .e-headercelldiv,
+    .e-centeralign:not(.e-fltr-icon) .e-headercelldiv{
       padding: 0 .4em ;
+      @if $grid-skin == 'material' {
+        padding: $grid-headercell-div-padding;
+      }
       @if $grid-skin == 'fabric' {
         padding: 0 1px 0;
       }
@@ -2979,7 +2984,7 @@ $grid-checkmark-color: $primary !default;
       }
     &.e-default:not(.e-rtl) tr {
-        & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-addfreezefirstchildborder),
+        & 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),
         & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
             border-left-width: 0;
@@ -3037,9 +3042,6 @@ $grid-checkmark-color: $primary !default;
         right: 2px;
       }
     }
-    &.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
-      padding: $grid-headercelldiv-right-align-padding;
-    }
     .e-sortfilterdiv {
       float: right;
@@ -3086,7 +3088,7 @@ $grid-checkmark-color: $primary !default;
     }
     &.e-rtl .e-gridheader .e-sortfilter {
-      .e-centeralign.e-headercell[aria-sort="none"]:not(.e-centeralign),
+      .e-centeralign.e-headercell[aria-sort="none"],
       .e-centeralign.e-headercell:not([aria-sort]) {
         .e-headercelldiv,
         .e-stackedheadercelldiv {
@@ -3419,7 +3421,10 @@ $grid-checkmark-color: $primary !default;
         border-top-color: $grid-columnchooser-footer-border-color;
         border-top-width: 1px;
         margin-top: 0;
-        overflow-x: hidden;
+        overflow-x: auto;
+        & .e-checkbox-wrapper .e-label.e-checkboxfiltertext{
+          white-space: nowrap;
+        }
       }
       @if $grid-skin == 'fluent2' {
@@ -4494,7 +4499,7 @@ $grid-checkmark-color: $primary !default;
           }
           & .e-headercelldiv {
-            padding: 0 1.6em 0 1.2em;
+            padding: 0 25px 0 .7em;
             & .e-sortnumber {
               @include grid-flot-margin(right, $grid-bigger-sort-right-margin);
@@ -4688,7 +4693,7 @@ $grid-checkmark-color: $primary !default;
       }
       &.e-default {
-        & tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder),
+        & tr td:last-child:not(.e-xlsel-left-border, .e-rowcell-lastchild, .e-addfreezefirstchildborder),
         & .e-gridheader table tr th:last-child:not(.e-firstcell) {
           border-left: 0;
         }

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

@@ -1185,7 +1185,7 @@ $grid-checkmark-color: $primary !default;
       .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
         margin: $grid-rtl-bigger-sortnumber-withfilter-margin;
         @if $grid-skin == 'tailwind' {
-          margin-left: 4px;
+          margin-left: 0;
         }
       }
@@ -2526,8 +2526,13 @@ $grid-checkmark-color: $primary !default;
       user-select: none;
     }
-    .e-rightalign:not(.e-fltr-icon) .e-headercelldiv {
+    .e-rightalign:not(.e-fltr-icon) .e-headercelldiv,
+    .e-leftalign:not(.e-fltr-icon) .e-headercelldiv,
+    .e-centeralign:not(.e-fltr-icon) .e-headercelldiv{
       padding: 0 .4em ;
+      @if $grid-skin == 'material' {
+        padding: $grid-headercell-div-padding;
+      }
       @if $grid-skin == 'fabric' {
         padding: 0 1px 0;
       }
@@ -2979,7 +2984,7 @@ $grid-checkmark-color: $primary !default;
       }
     &.e-default:not(.e-rtl) tr {
-        & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-addfreezefirstchildborder),
+        & 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),
         & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
             border-left-width: 0;
@@ -3037,9 +3042,6 @@ $grid-checkmark-color: $primary !default;
         right: 2px;
       }
     }
-    &.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
-      padding: $grid-headercelldiv-right-align-padding;
-    }
     .e-sortfilterdiv {
       float: right;
@@ -3086,7 +3088,7 @@ $grid-checkmark-color: $primary !default;
     }
     &.e-rtl .e-gridheader .e-sortfilter {
-      .e-centeralign.e-headercell[aria-sort="none"]:not(.e-centeralign),
+      .e-centeralign.e-headercell[aria-sort="none"],
       .e-centeralign.e-headercell:not([aria-sort]) {
         .e-headercelldiv,
         .e-stackedheadercelldiv {
@@ -3419,7 +3421,10 @@ $grid-checkmark-color: $primary !default;
         border-top-color: $grid-columnchooser-footer-border-color;
         border-top-width: 1px;
         margin-top: 0;
-        overflow-x: hidden;
+        overflow-x: auto;
+        & .e-checkbox-wrapper .e-label.e-checkboxfiltertext{
+          white-space: nowrap;
+        }
       }
       @if $grid-skin == 'fluent2' {
@@ -4494,7 +4499,7 @@ $grid-checkmark-color: $primary !default;
           }
           & .e-headercelldiv {
-            padding: 0 1.6em 0 1.2em;
+            padding: 0 25px 0 .7em;
             & .e-sortnumber {
               @include grid-flot-margin(right, $grid-bigger-sort-right-margin);
@@ -4688,7 +4693,7 @@ $grid-checkmark-color: $primary !default;
       }
       &.e-default {
-        & tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder),
+        & tr td:last-child:not(.e-xlsel-left-border, .e-rowcell-lastchild, .e-addfreezefirstchildborder),
         & .e-gridheader table tr th:last-child:not(.e-firstcell) {
           border-left: 0;
         }

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

@@ -1174,7 +1174,7 @@ $grid-checkmark-color: $grey-light-font !default;
       .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
         margin: $grid-rtl-bigger-sortnumber-withfilter-margin;
         @if $grid-skin == 'tailwind' {
-          margin-left: 4px;
+          margin-left: 0;
         }
       }
@@ -2515,8 +2515,13 @@ $grid-checkmark-color: $grey-light-font !default;
       user-select: none;
     }
-    .e-rightalign:not(.e-fltr-icon) .e-headercelldiv {
+    .e-rightalign:not(.e-fltr-icon) .e-headercelldiv,
+    .e-leftalign:not(.e-fltr-icon) .e-headercelldiv,
+    .e-centeralign:not(.e-fltr-icon) .e-headercelldiv{
       padding: 0 .4em ;
+      @if $grid-skin == 'material' {
+        padding: $grid-headercell-div-padding;
+      }
       @if $grid-skin == 'fabric' {
         padding: 0 1px 0;
       }
@@ -2968,7 +2973,7 @@ $grid-checkmark-color: $grey-light-font !default;
       }
     &.e-default:not(.e-rtl) tr {
-        & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-addfreezefirstchildborder),
+        & 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),
         & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
             border-left-width: 0;
@@ -3026,9 +3031,6 @@ $grid-checkmark-color: $grey-light-font !default;
         right: 2px;
       }
     }
-    &.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
-      padding: $grid-headercelldiv-right-align-padding;
-    }
     .e-sortfilterdiv {
       float: right;
@@ -3075,7 +3077,7 @@ $grid-checkmark-color: $grey-light-font !default;
     }
     &.e-rtl .e-gridheader .e-sortfilter {
-      .e-centeralign.e-headercell[aria-sort="none"]:not(.e-centeralign),
+      .e-centeralign.e-headercell[aria-sort="none"],
       .e-centeralign.e-headercell:not([aria-sort]) {
         .e-headercelldiv,
         .e-stackedheadercelldiv {
@@ -3408,7 +3410,10 @@ $grid-checkmark-color: $grey-light-font !default;
         border-top-color: $grid-columnchooser-footer-border-color;
         border-top-width: 1px;
         margin-top: 0;
-        overflow-x: hidden;
+        overflow-x: auto;
+        & .e-checkbox-wrapper .e-label.e-checkboxfiltertext{
+          white-space: nowrap;
+        }
       }
       @if $grid-skin == 'fluent2' {
@@ -4483,7 +4488,7 @@ $grid-checkmark-color: $grey-light-font !default;
           }
           & .e-headercelldiv {
-            padding: 0 1.6em 0 1.2em;
+            padding: 0 25px 0 .7em;
             & .e-sortnumber {
               @include grid-flot-margin(right, $grid-bigger-sort-right-margin);
@@ -4677,7 +4682,7 @@ $grid-checkmark-color: $grey-light-font !default;
       }
       &.e-default {
-        & tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder),
+        & tr td:last-child:not(.e-xlsel-left-border, .e-rowcell-lastchild, .e-addfreezefirstchildborder),
         & .e-gridheader table tr th:last-child:not(.e-firstcell) {
           border-left: 0;
         }

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

@@ -266,9 +266,9 @@ $grid-summary-template-row-bg-color: '' !default;
 $grid-summary-row-bg-color: $grey-lighter !default;
 $grid-sortdiv-width: 16px !default;
 $grid-sortdiv-height: 16px !default;
-$grid-sortnumber-margin: 8px 10px 0 2px !default;
+$grid-sortnumber-margin: 8px 8px 0 2px !default;
 $grid-fltr-sortnumber-margin: $grid-sortnumber-margin !default;
-$grid-fltr-sortnumber-rightalign-margin: 8px 0 0 10px !default;
+$grid-fltr-sortnumber-rightalign-margin: 8px 0 0 20px !default;
 $grid-sortnumber-rightalign-margin: $grid-fltr-sortnumber-rightalign-margin !default;
 $grid-sortnumer-line-height: 15px !default;
 $grid-bigger-sortnumer-line-height: $grid-sortnumer-line-height !default;
@@ -340,7 +340,7 @@ $grid-rtl-headercelldiv-padding: 0 .4em 0 1.8em !default;
 $grid-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
 $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
 $grid-ungroup-rtl-padding-right: -8px !default;
-$grid-headercelldiv-padding: 0 .7em 0 .4em !default;
+$grid-headercelldiv-padding: 0 1.8em 0 .4em !default;
 $grid-headercelldiv-sort-centeralign-padding-right: .4em !default;
 $grid-headercell-div-padding: 0 1.2em 0 .4em !default;
 $grid-group-text-width: auto !default;
@@ -509,10 +509,10 @@ $grid-rowcell-wrap-height: 18px !default;
 $grid-rowcell-autofill-top-height: 16px !default;
 $grid-rowcell-autofill-top-bottom-height: 14px !default;
 $grid-rowcell-wrap-max-height: 36px !default;
-$grid-bigger-fltr-sortnumber-rightalign-margin: 8px 2px 0 3px !default;
+$grid-bigger-fltr-sortnumber-rightalign-margin: 8px 0 0 12px !default;
 $grid-bigger-sortnumber-rightalign-margin: 7px 0 0 20px !default;
 $grid-bigger-columnmenu-bottom: 16px !default;
-$grid-bigger-sortnumber-margin: 7px 6px 0 2px !default;
+$grid-bigger-sortnumber-margin: 7px 0 0 2px !default;
 $grid-bigger-fltr-sortnumber-margin: $grid-bigger-sortnumber-margin !default;
 $grid-rtl-searchclear: 0 !default;
 $grid-column-chosser-searchdiv-top: -46px !default;
@@ -598,7 +598,7 @@ $grid-responsive-apply-btn-top: 3px !default;
 $grid-responsive-column-menu-icon-margin-top: 0 !default;
 $grid-rtl-headercelldiv-left-align-margin: 10px !default;
 $grid-rtl-filtermenudiv-left-align-margin: -5px !default;
-$grid-rtl-sort-num-left-align-margin: 8px -6px 0 2px !default;
+$grid-rtl-sort-num-left-align-margin: 8px -6px 0 0 !default;
 $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;
@@ -1173,7 +1173,7 @@ $grid-checkmark-color: $grey !default;
       .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
         margin: $grid-rtl-bigger-sortnumber-withfilter-margin;
         @if $grid-skin == 'tailwind' {
-          margin-left: 4px;
+          margin-left: 0;
         }
       }
@@ -2514,8 +2514,13 @@ $grid-checkmark-color: $grey !default;
       user-select: none;
     }
-    .e-rightalign:not(.e-fltr-icon) .e-headercelldiv {
+    .e-rightalign:not(.e-fltr-icon) .e-headercelldiv,
+    .e-leftalign:not(.e-fltr-icon) .e-headercelldiv,
+    .e-centeralign:not(.e-fltr-icon) .e-headercelldiv{
       padding: 0 .4em ;
+      @if $grid-skin == 'material' {
+        padding: $grid-headercell-div-padding;
+      }
       @if $grid-skin == 'fabric' {
         padding: 0 1px 0;
       }
@@ -2967,7 +2972,7 @@ $grid-checkmark-color: $grey !default;
       }
     &.e-default:not(.e-rtl) tr {
-        & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-addfreezefirstchildborder),
+        & 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),
         & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
             border-left-width: 0;
@@ -3025,9 +3030,6 @@ $grid-checkmark-color: $grey !default;
         right: 2px;
       }
     }
-    &.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
-      padding: $grid-headercelldiv-right-align-padding;
-    }
     .e-sortfilterdiv {
       float: right;
@@ -3074,7 +3076,7 @@ $grid-checkmark-color: $grey !default;
     }
     &.e-rtl .e-gridheader .e-sortfilter {
-      .e-centeralign.e-headercell[aria-sort="none"]:not(.e-centeralign),
+      .e-centeralign.e-headercell[aria-sort="none"],
       .e-centeralign.e-headercell:not([aria-sort]) {
         .e-headercelldiv,
         .e-stackedheadercelldiv {
@@ -3407,7 +3409,10 @@ $grid-checkmark-color: $grey !default;
         border-top-color: $grid-columnchooser-footer-border-color;
         border-top-width: 1px;
         margin-top: 0;
-        overflow-x: hidden;
+        overflow-x: auto;
+        & .e-checkbox-wrapper .e-label.e-checkboxfiltertext{
+          white-space: nowrap;
+        }
       }
       @if $grid-skin == 'fluent2' {
@@ -4482,7 +4487,7 @@ $grid-checkmark-color: $grey !default;
           }
           & .e-headercelldiv {
-            padding: 0 1.6em 0 1.2em;
+            padding: 0 25px 0 .7em;
             & .e-sortnumber {
               @include grid-flot-margin(right, $grid-bigger-sort-right-margin);
@@ -4676,7 +4681,7 @@ $grid-checkmark-color: $grey !default;
       }
       &.e-default {
-        & tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder),
+        & tr td:last-child:not(.e-xlsel-left-border, .e-rowcell-lastchild, .e-addfreezefirstchildborder),
         & .e-gridheader table tr th:last-child:not(.e-firstcell) {
           border-left: 0;
         }

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

@@ -268,9 +268,9 @@ $grid-summary-template-row-bg-color: '' !default;
 $grid-summary-row-bg-color: $gray-100 !default;
 $grid-sortdiv-width: 16px !default;
 $grid-sortdiv-height: 16px !default;
-$grid-sortnumber-margin: 2px 0 0 0 !default;
+$grid-sortnumber-margin: 2px -6px 0 0 !default;
 $grid-fltr-sortnumber-margin: $grid-sortnumber-margin !default;
-$grid-fltr-sortnumber-rightalign-margin: 2px 8px 0 4px !default;
+$grid-fltr-sortnumber-rightalign-margin: 2px 8px 0 8px !default;
 $grid-sortnumber-rightalign-margin: $grid-fltr-sortnumber-rightalign-margin !default;
 $grid-sortnumer-line-height: 16px !default;
 $grid-bigger-sortnumer-line-height: $grid-sortnumer-line-height !default;
@@ -342,7 +342,7 @@ $grid-rtl-headercelldiv-padding: 0 .4em 0 1.8em !default;
 $grid-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
 $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
 $grid-ungroup-rtl-padding-right: -10px !default;
-$grid-headercelldiv-padding: 0 10px 0 5px !default;
+$grid-headercelldiv-padding: 0 20px 0 5px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
 $grid-headercell-div-padding: 0 1.1em 0 .4em !default;
 $grid-group-text-width: auto !default;
@@ -517,10 +517,10 @@ $grid-rowcell-wrap-height: 21px !default;
 $grid-rowcell-autofill-top-height: 19px !default;
 $grid-rowcell-autofill-top-bottom-height: 17px !default;
 $grid-rowcell-wrap-max-height: 36px !default;
-$grid-bigger-fltr-sortnumber-rightalign-margin: 4px 2px 0 4px !default;
+$grid-bigger-fltr-sortnumber-rightalign-margin: 4px 0 0 10px !default;
 $grid-bigger-sortnumber-rightalign-margin: 4px 0 0 10px !default;
 $grid-bigger-columnmenu-bottom: 13px !default;
-$grid-bigger-sortnumber-margin: 4px 8px 0 2px !default;
+$grid-bigger-sortnumber-margin: 4px 5px 0 2px !default;
 $grid-bigger-fltr-sortnumber-margin: $grid-bigger-sortnumber-margin !default;
 $grid-rtl-searchclear: 0 !default;
 $grid-column-chosser-searchdiv-top: -44px !default;
@@ -605,7 +605,7 @@ $grid-responsive-apply-btn-top: 7px !default;
 $grid-responsive-column-menu-icon-margin-top: 4px !default;
 $grid-rtl-headercelldiv-left-align-margin: 10px !default;
 $grid-rtl-filtermenudiv-left-align-margin: -5px !default;
-$grid-rtl-sort-num-left-align-margin: 2px -2px 0 2px !default;
+$grid-rtl-sort-num-left-align-margin: 2px -2px 0 0 !default;
 $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: $grid-content-font-color !default;
 $grid-reorderarrow-margin-top: -7.5px !default;
@@ -1180,7 +1180,7 @@ $grid-checkmark-color: $white !default;
       .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
         margin: $grid-rtl-bigger-sortnumber-withfilter-margin;
         @if $grid-skin == 'tailwind' {
-          margin-left: 4px;
+          margin-left: 0;
         }
       }
@@ -2521,8 +2521,13 @@ $grid-checkmark-color: $white !default;
       user-select: none;
     }
-    .e-rightalign:not(.e-fltr-icon) .e-headercelldiv {
+    .e-rightalign:not(.e-fltr-icon) .e-headercelldiv,
+    .e-leftalign:not(.e-fltr-icon) .e-headercelldiv,
+    .e-centeralign:not(.e-fltr-icon) .e-headercelldiv{
       padding: 0 .4em ;
+      @if $grid-skin == 'material' {
+        padding: $grid-headercell-div-padding;
+      }
       @if $grid-skin == 'fabric' {
         padding: 0 1px 0;
       }
@@ -2974,7 +2979,7 @@ $grid-checkmark-color: $white !default;
       }
     &.e-default:not(.e-rtl) tr {
-        & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-addfreezefirstchildborder),
+        & 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),
         & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
             border-left-width: 0;
@@ -3032,9 +3037,6 @@ $grid-checkmark-color: $white !default;
         right: 2px;
       }
     }
-    &.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
-      padding: $grid-headercelldiv-right-align-padding;
-    }
     .e-sortfilterdiv {
       float: right;
@@ -3081,7 +3083,7 @@ $grid-checkmark-color: $white !default;
     }
     &.e-rtl .e-gridheader .e-sortfilter {
-      .e-centeralign.e-headercell[aria-sort="none"]:not(.e-centeralign),
+      .e-centeralign.e-headercell[aria-sort="none"],
       .e-centeralign.e-headercell:not([aria-sort]) {
         .e-headercelldiv,
         .e-stackedheadercelldiv {
@@ -3414,7 +3416,10 @@ $grid-checkmark-color: $white !default;
         border-top-color: $grid-columnchooser-footer-border-color;
         border-top-width: 1px;
         margin-top: 0;
-        overflow-x: hidden;
+        overflow-x: auto;
+        & .e-checkbox-wrapper .e-label.e-checkboxfiltertext{
+          white-space: nowrap;
+        }
       }
       @if $grid-skin == 'fluent2' {
@@ -4489,7 +4494,7 @@ $grid-checkmark-color: $white !default;
           }
           & .e-headercelldiv {
-            padding: 0 1.6em 0 1.2em;
+            padding: 0 25px 0 .7em;
             & .e-sortnumber {
               @include grid-flot-margin(right, $grid-bigger-sort-right-margin);
@@ -4683,7 +4688,7 @@ $grid-checkmark-color: $white !default;
       }
       &.e-default {
-        & tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder),
+        & tr td:last-child:not(.e-xlsel-left-border, .e-rowcell-lastchild, .e-addfreezefirstchildborder),
         & .e-gridheader table tr th:last-child:not(.e-firstcell) {
           border-left: 0;
         }

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

@@ -110,7 +110,7 @@ $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
-$grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 11px !default;
+$grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
 $grid-rtl-group-text-marign-right: 0 !default;
 $grid-rtl-group-text-margin-right: 0 !default;
@@ -322,9 +322,9 @@ $grid-ungroup-rtl-padding-top: 2px !default;
 $grid-bigger-ungroup-rtl-padding-top: $grid-ungroup-rtl-padding-top !default;
 $grid-rtl-group-headercell-margin-right: 5px !default;
 $grid-rtl-group-headercell-margin-left: 0 !default;
-$grid-fltr-rtl-sortnumber-margin: 1px 0 0 15px !default;
+$grid-fltr-rtl-sortnumber-margin: 1px 0 0 12px !default;
 $grid-rtl-sortnumber-margin: 1px 0 0 -10px !default;
-$grid-fltr-rtl-sortnumber-rightalign-margin: 1px 0 0 15px !default;
+$grid-fltr-rtl-sortnumber-rightalign-margin: 1px 0 0 12px !default;
 $grid-rtl-sortnumber-rightalign-margin: 1px 0 0 10px !default;
 $grid-rtl-sortcelldiv-margin: -10px 8px -12px -2px !default;
 $grid-rtl-sortcelldiv-right-align-margin: -10px 8px -12px -2px !default;
@@ -334,11 +334,11 @@ $grid-rtl-grouped-headercell-padding: 5px 0 !default;
 $grid-rtl-group-text-margin-left: 0 !default;
 $grid-rtl-group-sorticon-margin-right: -7px !default;
 $grid-rtl-headercell-border-width: 0 !default;
-$grid-rtl-headercelldiv-padding: 0 .4em 0 2em !default;
+$grid-rtl-headercelldiv-padding: 0 .4em 0 2.8em !default;
 $grid-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: -9px !default;
-$grid-headercelldiv-padding: 0 10px 0 5px !default;
+$grid-headercelldiv-padding: 0 20px 0 5px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
 $grid-headercell-div-padding: 0 1.5em 0 .4em !default;
 $grid-group-text-width: auto !default;
@@ -504,11 +504,11 @@ $grid-rowcell-wrap-height: 21px !default;
 $grid-rowcell-autofill-top-height: 19px !default;
 $grid-rowcell-autofill-top-bottom-height: 17px !default;
 $grid-rowcell-wrap-max-height: 36px !default;
-$grid-bigger-fltr-sortnumber-rightalign-margin: 2px 4px 0 -11px !default;
+$grid-bigger-fltr-sortnumber-rightalign-margin: 2px 4px 0 -6px !default;
 $grid-bigger-sortnumber-rightalign-margin: 2px 4px 0 6px !default;
 $grid-bigger-columnmenu-bottom: 13px !default;
 $grid-bigger-sortnumber-margin: 2px 4px 0 4px !default;
-$grid-bigger-fltr-sortnumber-margin: 2px 4px 0 0 !default;
+$grid-bigger-fltr-sortnumber-margin: 2px 4px 0 -6px !default;
 $grid-rtl-searchclear: 0 !default;
 $grid-column-chosser-searchdiv-top: -41px !default;
 $grid-reorderarrow-font-size: $text-xxs !default;
@@ -592,7 +592,7 @@ $grid-responsive-apply-btn-top: 4px !default;
 $grid-responsive-column-menu-icon-margin-top: 4px !default;
 $grid-rtl-headercelldiv-left-align-margin: 10px !default;
 $grid-rtl-filtermenudiv-left-align-margin: -2px !default;
-$grid-rtl-sort-num-left-align-margin: 2px 8px 0 2px !default;
+$grid-rtl-sort-num-left-align-margin: 2px 8px 0 0 !default;
 $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: $content-text-color !default;
 $grid-header-text-transform: none !default;
@@ -1173,7 +1173,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
         margin: $grid-rtl-bigger-sortnumber-withfilter-margin;
         @if $grid-skin == 'tailwind' {
-          margin-left: 4px;
+          margin-left: 0;
         }
       }
@@ -2514,8 +2514,13 @@ $grid-checkmark-color: $primary-text-color !default;
       user-select: none;
     }
-    .e-rightalign:not(.e-fltr-icon) .e-headercelldiv {
+    .e-rightalign:not(.e-fltr-icon) .e-headercelldiv,
+    .e-leftalign:not(.e-fltr-icon) .e-headercelldiv,
+    .e-centeralign:not(.e-fltr-icon) .e-headercelldiv{
       padding: 0 .4em ;
+      @if $grid-skin == 'material' {
+        padding: $grid-headercell-div-padding;
+      }
       @if $grid-skin == 'fabric' {
         padding: 0 1px 0;
       }
@@ -2967,7 +2972,7 @@ $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-addfreezefirstchildborder),
+        & 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),
         & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
             border-left-width: 0;
@@ -3025,9 +3030,6 @@ $grid-checkmark-color: $primary-text-color !default;
         right: 2px;
       }
     }
-    &.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
-      padding: $grid-headercelldiv-right-align-padding;
-    }
     .e-sortfilterdiv {
       float: right;
@@ -3074,7 +3076,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
     &.e-rtl .e-gridheader .e-sortfilter {
-      .e-centeralign.e-headercell[aria-sort="none"]:not(.e-centeralign),
+      .e-centeralign.e-headercell[aria-sort="none"],
       .e-centeralign.e-headercell:not([aria-sort]) {
         .e-headercelldiv,
         .e-stackedheadercelldiv {
@@ -3407,7 +3409,10 @@ $grid-checkmark-color: $primary-text-color !default;
         border-top-color: $grid-columnchooser-footer-border-color;
         border-top-width: 1px;
         margin-top: 0;
-        overflow-x: hidden;
+        overflow-x: auto;
+        & .e-checkbox-wrapper .e-label.e-checkboxfiltertext{
+          white-space: nowrap;
+        }
       }
       @if $grid-skin == 'fluent2' {
@@ -4482,7 +4487,7 @@ $grid-checkmark-color: $primary-text-color !default;
           }
           & .e-headercelldiv {
-            padding: 0 1.6em 0 1.2em;
+            padding: 0 25px 0 .7em;
             & .e-sortnumber {
               @include grid-flot-margin(right, $grid-bigger-sort-right-margin);
@@ -4676,7 +4681,7 @@ $grid-checkmark-color: $primary-text-color !default;
       }
       &.e-default {
-        & tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder),
+        & tr td:last-child:not(.e-xlsel-left-border, .e-rowcell-lastchild, .e-addfreezefirstchildborder),
         & .e-gridheader table tr th:last-child:not(.e-firstcell) {
           border-left: 0;
         }