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

@syncfusion/blazor-themes 26.1.41 → 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 (348) hide show

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

@@ -2512,7 +2512,22 @@ $grid-checkmark-color: $theme-dark-font !default;
       text-transform: $grid-header-text-transform;
       user-select: none;
     }
+    .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;
+      }
+      @if $grid-skin == 'highcontrast' {
+        padding: 0;
+      }
+    }
     .e-headercelldiv.e-headerchkcelldiv {
       overflow: visible;
     }
@@ -2956,7 +2971,7 @@ $grid-checkmark-color: $theme-dark-font !default;
       }
     &.e-default:not(.e-rtl) tr {
-        & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-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;
@@ -3393,7 +3408,10 @@ $grid-checkmark-color: $theme-dark-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' {
@@ -4413,6 +4431,9 @@ $grid-checkmark-color: $theme-dark-font !default;
           .e-headercelldiv.e-headerchkcelldiv {
             padding: $grid-rtl-headercelldiv-padding;
             text-align: right;
+            @if $grid-skin == 'highcontrast' {
+              margin: -7px 0;
+            }
             & .e-sortnumber {
               @include grid-flot-margin(left, $grid-fltr-rtl-sortnumber-margin);
@@ -4424,6 +4445,9 @@ $grid-checkmark-color: $theme-dark-font !default;
         .e-headercelldiv.e-headerchkcelldiv {
           padding: $grid-rtl-headercelldiv-padding;
           text-align: right;
+          @if $grid-skin == 'highcontrast' {
+            margin: -7px 0;
+          }
           & .e-sortnumber {
             @include grid-flot-margin(left, $grid-rtl-sortnumber-margin);
@@ -4444,9 +4468,6 @@ $grid-checkmark-color: $theme-dark-font !default;
             & .e-sortnumber {
               margin: $grid-rtl-sort-num-left-align-margin;
-              @if $grid-skin == 'bootstrap4' {
-                margin: 4px -2px 0 0;
-              }
             }
           }
@@ -4659,7 +4680,7 @@ $grid-checkmark-color: $theme-dark-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/fabric.scss CHANGED Viewed

@@ -409,7 +409,7 @@ $grid-bigger-columnchooser-content-padding: 25px 25px 5px 12px !default;
 $grid-bigger-columnchooser-content-margin: 30px 0 20px !default;
 $grid-bigger-cc-checkbox-padding-left: 13px !default;
 $grid-bigger-searchdiv-padding-left: 7px !default;
-$grid-headercell-div-padding: 0 1px 0 !default;
+$grid-headercell-div-padding: 0 9px 0 1px !default;
 $grid-columnchooser-toolbardiv-margin-top: -2px !default;
 $grid-column-chooser-footdiv: 0 !default;
 $grid-columnchooser-content-margin: 22px 0 20px !default;
@@ -2511,7 +2511,22 @@ $grid-checkmark-color: $theme-primary-font !default;
       text-transform: $grid-header-text-transform;
       user-select: none;
     }
+    .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;
+      }
+      @if $grid-skin == 'highcontrast' {
+        padding: 0;
+      }
+    }
     .e-headercelldiv.e-headerchkcelldiv {
       overflow: visible;
     }
@@ -2955,7 +2970,7 @@ $grid-checkmark-color: $theme-primary-font !default;
       }
     &.e-default:not(.e-rtl) tr {
-        & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-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;
@@ -3392,7 +3407,10 @@ $grid-checkmark-color: $theme-primary-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' {
@@ -4412,6 +4430,9 @@ $grid-checkmark-color: $theme-primary-font !default;
           .e-headercelldiv.e-headerchkcelldiv {
             padding: $grid-rtl-headercelldiv-padding;
             text-align: right;
+            @if $grid-skin == 'highcontrast' {
+              margin: -7px 0;
+            }
             & .e-sortnumber {
               @include grid-flot-margin(left, $grid-fltr-rtl-sortnumber-margin);
@@ -4423,6 +4444,9 @@ $grid-checkmark-color: $theme-primary-font !default;
         .e-headercelldiv.e-headerchkcelldiv {
           padding: $grid-rtl-headercelldiv-padding;
           text-align: right;
+          @if $grid-skin == 'highcontrast' {
+            margin: -7px 0;
+          }
           & .e-sortnumber {
             @include grid-flot-margin(left, $grid-rtl-sortnumber-margin);
@@ -4443,9 +4467,6 @@ $grid-checkmark-color: $theme-primary-font !default;
             & .e-sortnumber {
               margin: $grid-rtl-sort-num-left-align-margin;
-              @if $grid-skin == 'bootstrap4' {
-                margin: 4px -2px 0 0;
-              }
             }
           }
@@ -4658,7 +4679,7 @@ $grid-checkmark-color: $theme-primary-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/fluent-dark.scss CHANGED Viewed

@@ -371,7 +371,7 @@ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 4px 0 .3em !default;
 $grid-ungroup-rtl-padding-right: -11px !default;
 $grid-headercelldiv-padding: 0 20px 0 5px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
-$grid-headercell-div-padding: 0 .4em !default;
+$grid-headercell-div-padding: 0 1.8em 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: $text-sm !default;
@@ -2514,7 +2514,22 @@ $grid-checkmark-color: $primary-text-color !default;
       text-transform: $grid-header-text-transform;
       user-select: none;
     }
+    .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;
+      }
+      @if $grid-skin == 'highcontrast' {
+        padding: 0;
+      }
+    }
     .e-headercelldiv.e-headerchkcelldiv {
       overflow: visible;
     }
@@ -2958,7 +2973,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;
@@ -3395,7 +3410,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' {
@@ -4415,6 +4433,9 @@ $grid-checkmark-color: $primary-text-color !default;
           .e-headercelldiv.e-headerchkcelldiv {
             padding: $grid-rtl-headercelldiv-padding;
             text-align: right;
+            @if $grid-skin == 'highcontrast' {
+              margin: -7px 0;
+            }
             & .e-sortnumber {
               @include grid-flot-margin(left, $grid-fltr-rtl-sortnumber-margin);
@@ -4426,6 +4447,9 @@ $grid-checkmark-color: $primary-text-color !default;
         .e-headercelldiv.e-headerchkcelldiv {
           padding: $grid-rtl-headercelldiv-padding;
           text-align: right;
+          @if $grid-skin == 'highcontrast' {
+            margin: -7px 0;
+          }
           & .e-sortnumber {
             @include grid-flot-margin(left, $grid-rtl-sortnumber-margin);
@@ -4446,9 +4470,6 @@ $grid-checkmark-color: $primary-text-color !default;
             & .e-sortnumber {
               margin: $grid-rtl-sort-num-left-align-margin;
-              @if $grid-skin == 'bootstrap4' {
-                margin: 4px -2px 0 0;
-              }
             }
           }
@@ -4661,7 +4682,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;
         }

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

@@ -371,7 +371,7 @@ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 4px 0 .3em !default;
 $grid-ungroup-rtl-padding-right: -11px !default;
 $grid-headercelldiv-padding: 0 20px 0 5px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
-$grid-headercell-div-padding: 0 .4em !default;
+$grid-headercell-div-padding: 0 1.8em 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: $text-sm !default;
@@ -2514,7 +2514,22 @@ $grid-checkmark-color: $primary-text-color !default;
       text-transform: $grid-header-text-transform;
       user-select: none;
     }
+    .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;
+      }
+      @if $grid-skin == 'highcontrast' {
+        padding: 0;
+      }
+    }
     .e-headercelldiv.e-headerchkcelldiv {
       overflow: visible;
     }
@@ -2958,7 +2973,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;
@@ -3395,7 +3410,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' {
@@ -4415,6 +4433,9 @@ $grid-checkmark-color: $primary-text-color !default;
           .e-headercelldiv.e-headerchkcelldiv {
             padding: $grid-rtl-headercelldiv-padding;
             text-align: right;
+            @if $grid-skin == 'highcontrast' {
+              margin: -7px 0;
+            }
             & .e-sortnumber {
               @include grid-flot-margin(left, $grid-fltr-rtl-sortnumber-margin);
@@ -4426,6 +4447,9 @@ $grid-checkmark-color: $primary-text-color !default;
         .e-headercelldiv.e-headerchkcelldiv {
           padding: $grid-rtl-headercelldiv-padding;
           text-align: right;
+          @if $grid-skin == 'highcontrast' {
+            margin: -7px 0;
+          }
           & .e-sortnumber {
             @include grid-flot-margin(left, $grid-rtl-sortnumber-margin);
@@ -4446,9 +4470,6 @@ $grid-checkmark-color: $primary-text-color !default;
             & .e-sortnumber {
               margin: $grid-rtl-sort-num-left-align-margin;
-              @if $grid-skin == 'bootstrap4' {
-                margin: 4px -2px 0 0;
-              }
             }
           }
@@ -4661,7 +4682,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;
         }

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

@@ -346,7 +346,7 @@ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .33em 0 .4em !default;
 $grid-ungroup-rtl-padding-right: -10px !default;
 $grid-headercelldiv-padding: 0 18px 0 5px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
-$grid-headercell-div-padding: 0 .4em !default;
+$grid-headercell-div-padding: 0 1.5em 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: $text-sm !default;
@@ -2526,7 +2526,22 @@ $grid-checkmark-color: $primary-text-color !default;
       text-transform: $grid-header-text-transform;
       user-select: none;
     }
+    .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;
+      }
+      @if $grid-skin == 'highcontrast' {
+        padding: 0;
+      }
+    }
     .e-headercelldiv.e-headerchkcelldiv {
       overflow: visible;
     }
@@ -2970,7 +2985,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;
@@ -3407,7 +3422,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' {
@@ -4427,6 +4445,9 @@ $grid-checkmark-color: $primary-text-color !default;
           .e-headercelldiv.e-headerchkcelldiv {
             padding: $grid-rtl-headercelldiv-padding;
             text-align: right;
+            @if $grid-skin == 'highcontrast' {
+              margin: -7px 0;
+            }
             & .e-sortnumber {
               @include grid-flot-margin(left, $grid-fltr-rtl-sortnumber-margin);
@@ -4438,6 +4459,9 @@ $grid-checkmark-color: $primary-text-color !default;
         .e-headercelldiv.e-headerchkcelldiv {
           padding: $grid-rtl-headercelldiv-padding;
           text-align: right;
+          @if $grid-skin == 'highcontrast' {
+            margin: -7px 0;
+          }
           & .e-sortnumber {
             @include grid-flot-margin(left, $grid-rtl-sortnumber-margin);
@@ -4458,9 +4482,6 @@ $grid-checkmark-color: $primary-text-color !default;
             & .e-sortnumber {
               margin: $grid-rtl-sort-num-left-align-margin;
-              @if $grid-skin == 'bootstrap4' {
-                margin: 4px -2px 0 0;
-              }
             }
           }
@@ -4673,7 +4694,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;
         }

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

@@ -346,7 +346,7 @@ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .33em 0 .4em !default;
 $grid-ungroup-rtl-padding-right: -10px !default;
 $grid-headercelldiv-padding: 0 18px 0 5px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
-$grid-headercell-div-padding: 0 .4em !default;
+$grid-headercell-div-padding: 0 1.5em 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: $text-sm !default;
@@ -2526,7 +2526,22 @@ $grid-checkmark-color: $primary-text-color !default;
       text-transform: $grid-header-text-transform;
       user-select: none;
     }
+    .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;
+      }
+      @if $grid-skin == 'highcontrast' {
+        padding: 0;
+      }
+    }
     .e-headercelldiv.e-headerchkcelldiv {
       overflow: visible;
     }
@@ -2970,7 +2985,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;
@@ -3407,7 +3422,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' {
@@ -4427,6 +4445,9 @@ $grid-checkmark-color: $primary-text-color !default;
           .e-headercelldiv.e-headerchkcelldiv {
             padding: $grid-rtl-headercelldiv-padding;
             text-align: right;
+            @if $grid-skin == 'highcontrast' {
+              margin: -7px 0;
+            }
             & .e-sortnumber {
               @include grid-flot-margin(left, $grid-fltr-rtl-sortnumber-margin);
@@ -4438,6 +4459,9 @@ $grid-checkmark-color: $primary-text-color !default;
         .e-headercelldiv.e-headerchkcelldiv {
           padding: $grid-rtl-headercelldiv-padding;
           text-align: right;
+          @if $grid-skin == 'highcontrast' {
+            margin: -7px 0;
+          }
           & .e-sortnumber {
             @include grid-flot-margin(left, $grid-rtl-sortnumber-margin);
@@ -4458,9 +4482,6 @@ $grid-checkmark-color: $primary-text-color !default;
             & .e-sortnumber {
               margin: $grid-rtl-sort-num-left-align-margin;
-              @if $grid-skin == 'bootstrap4' {
-                margin: 4px -2px 0 0;
-              }
             }
           }
@@ -4673,7 +4694,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;
         }

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

@@ -2511,7 +2511,22 @@ $grid-checkmark-color: $selection-font !default;
       text-transform: $grid-header-text-transform;
       user-select: none;
     }
+    .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;
+      }
+      @if $grid-skin == 'highcontrast' {
+        padding: 0;
+      }
+    }
     .e-headercelldiv.e-headerchkcelldiv {
       overflow: visible;
     }
@@ -2955,7 +2970,7 @@ $grid-checkmark-color: $selection-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;
@@ -3392,7 +3407,10 @@ $grid-checkmark-color: $selection-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' {
@@ -4412,6 +4430,9 @@ $grid-checkmark-color: $selection-font !default;
           .e-headercelldiv.e-headerchkcelldiv {
             padding: $grid-rtl-headercelldiv-padding;
             text-align: right;
+            @if $grid-skin == 'highcontrast' {
+              margin: -7px 0;
+            }
             & .e-sortnumber {
               @include grid-flot-margin(left, $grid-fltr-rtl-sortnumber-margin);
@@ -4423,6 +4444,9 @@ $grid-checkmark-color: $selection-font !default;
         .e-headercelldiv.e-headerchkcelldiv {
           padding: $grid-rtl-headercelldiv-padding;
           text-align: right;
+          @if $grid-skin == 'highcontrast' {
+            margin: -7px 0;
+          }
           & .e-sortnumber {
             @include grid-flot-margin(left, $grid-rtl-sortnumber-margin);
@@ -4443,9 +4467,6 @@ $grid-checkmark-color: $selection-font !default;
             & .e-sortnumber {
               margin: $grid-rtl-sort-num-left-align-margin;
-              @if $grid-skin == 'bootstrap4' {
-                margin: 4px -2px 0 0;
-              }
             }
           }
@@ -4658,7 +4679,7 @@ $grid-checkmark-color: $selection-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;
         }