npm - @syncfusion/blazor-themes - Versions diffs - 20.3.52 → 20.3.57 - Mend

@syncfusion/blazor-themes 20.3.52 → 20.3.57

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

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

@@ -117,8 +117,8 @@ $grid-columnchooser-input-padding-bottom: 8px !default;
 $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: 6px 0 0 5px !default;
-$grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
+$grid-rtl-bigger-sortnumber-margin: 6px 0 0 10px !default;
+$grid-rtl-bigger-rightalign-sortnumber-margin: 8px 0 0 4px !default;
 $grid-rtl-group-text-marign-right: 0 !default;
 $grid-rtl-group-text-margin-right: 0 !default;
 $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
@@ -266,7 +266,7 @@ $grid-sortnumber-rightalign-margin: $grid-fltr-sortnumber-rightalign-margin !def
 $grid-sortnumer-line-height: 15px !default;
 $grid-bigger-sortnumer-line-height: $grid-sortnumer-line-height !default;
 $grid-sortdiv-right-align-margin: -29px -5px !default;
-$grid-sortdiv-margin:  -29px 10px !default;
+$grid-sortdiv-margin:  -29px -10px !default;
 $grid-sortdiv-padding: 15px 0 !default;
 $grid-ungroup-button-line-height: 23px !default;
 $grid-ungroup-button-font-size: 10px !default;
@@ -321,11 +321,11 @@ $grid-rtl-group-headercell-margin-right: 8px !default;
 $grid-rtl-group-headercell-margin-left: 0 !default;
 $grid-fltr-rtl-sortnumber-margin: 9px 0 0 9px !default;
 $grid-rtl-sortnumber-margin: $grid-fltr-rtl-sortnumber-margin !default;
-$grid-fltr-rtl-sortnumber-rightalign-margin: 9px 0 0 25px !default;
-$grid-rtl-sortnumber-rightalign-margin: $grid-fltr-rtl-sortnumber-rightalign-margin !default;
+$grid-fltr-rtl-sortnumber-rightalign-margin: 7px 0 0 6px !default;
+$grid-rtl-sortnumber-rightalign-margin: 7px 0 0 14px !default;
 $grid-rtl-sortcelldiv-margin: -29px 10px !default;
-$grid-rtl-sortcelldiv-right-align-margin: -29px 10px !default;
-$grid-rtl-bigger-sortcelldiv-right-align-margin: -31px 22px !default;
+$grid-rtl-sortcelldiv-right-align-margin: -29px -8px !default;
+$grid-rtl-bigger-sortcelldiv-right-align-margin: -31px -10px !default;
 $grid-rtl-bigger-sortcelldiv-margin: -31px 5px !default;
 $grid-rtl-grouped-headercell-padding: 7px 0 !default;
 $grid-rtl-group-text-margin-left: 0 !default;
@@ -393,7 +393,7 @@ $grid-columnchooser-content-margin: 37px 0 0 !default;
 $grid-bigger-columnchooser-content-margin: 37px 0 0 !default;
 $grid-bigger-columnchooser-btn-font-size: 12px !default;
 $grid-bigger-sortdiv-rightalign-margin: -29px -5px !default;
-$grid-bigger-sortdiv-margin: -30px 8px !default;
+$grid-bigger-sortdiv-margin: -29px -10px !default;
 $grid-bigger-header-icons-font-size: 14px !default;
 $grid-bigger-grouptext-width: auto !default;
 $grid-edit-input-margin-top: 2px !default;
@@ -429,21 +429,21 @@ $grid-rtl-fltrdiv-margin: -20px 0 -20px -36px !default;
 $grid-rtl-bigger-fltrdiv-margin: -20px 0 -18px -25px !default;
 $grid-bigger-rtl-headercelldiv-fltricon-padding: -5px -10px -5px 0 !default;
 $grid-bigger-fltrdiv-margin: -21px -7px !default;
-$grid-sortdiv-filtericon-margin: -29px 28px -29px 0 !default;
+$grid-sortdiv-filtericon-margin: -29px 14px -29px 0 !default;
 $grid-sortdiv-filtericon-rightalign-margin: -29px -11px 0 0 !default;
 $grid-rtl-sortdiv-filtericon-rightalign-margin: -29px 0 0 10px !default;
 $grid-rtl-sortdiv-filtericon-margin: -29px 0 0 10px !default;
 $grid-bigger-fltricon-sortdiv-rightalign-margin: -30px -20px 0 0 !default;
-$grid-bigger-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
+$grid-bigger-fltricon-sortdiv-margin: -30px 16px -30px 0 !default;
 $grid-rtl-bigger-fltricon-sortdiv-margin: -29px 0 0 22px !default;
-$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -29px 0 0 29px !default;
+$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -29px -8px 0 10px !default;
 $grid-column-menu-sub-menu-box-shadow: 0 6px 12px rgba($shadow, .175) !default;
 $grid-bigger-checkbox-filter-min-height: 360px !default;
 $grid-checkbox-filter-min-height: 338px !default;
 $grid-column-menu-margin: -20px !default;
 $grid-column-menu-padding: 6px !default;
 $grid-textwrap-column-menu-margin: -15px -20px -20px -20px !default;
-$grid-bigger-column-menu-margin: -7px -7px !default;
+$grid-bigger-column-menu-margin: -20px -18px !default;
 $grid-column-menu-top-touch: 31px !default;
 $grid-column-menu-bottom-touch: 31px !default;
 $grid-column-menu-right-touch: 23px !default;
@@ -491,10 +491,10 @@ $grid-unboundcelldiv-margin: 0 3.5px !default;
 $grid-bigger-flmenu-padding: $grid-flmenu-padding !default;
 $grid-rowcell-wrap-height: 18px !default;
 $grid-rowcell-wrap-max-height: 36px !default;
-$grid-bigger-fltr-sortnumber-rightalign-margin: $grid-sortnumber-rightalign-margin !default;
-$grid-bigger-sortnumber-rightalign-margin: $grid-bigger-fltr-sortnumber-rightalign-margin !default;
+$grid-bigger-fltr-sortnumber-rightalign-margin: 7px 0 0 20px !default;
+$grid-bigger-sortnumber-rightalign-margin: 7px 0 0 20px !default;
 $grid-bigger-columnmenu-bottom: 16px !default;
-$grid-bigger-sortnumber-margin: $grid-sortnumber-margin !default;
+$grid-bigger-sortnumber-margin: 7px 8px 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;
@@ -600,8 +600,8 @@ $grid-bigger-sort-number-size: $grid-sort-number-size !default;
 $grid-sort-number-font-size: 9px !default;
 $grid-filter-border-radius: 6px !default;
 $grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
-$grid-bigger-sort-margin: -14px 3px !default;
-$grid-bigger-sort-right-margin: 0 2px 0 0 !default;
+$grid-bigger-sort-margin: -29px 3px !default;
+$grid-bigger-sort-right-margin: 7px 2px 0 0 !default;
 $grid-skin: 'bootstrap' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;
@@ -950,7 +950,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
       @else if $grid-skin == 'bootstrap5' {
         margin-bottom: -12px;
-        margin-top: -15px;
+        margin-top: -12px;
       }
     }
@@ -2254,6 +2254,7 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
     &.e-responsive .e-rowcell.e-gridchkbox,
+    &.e-responsive .e-rowcell.e-gridchkbox-cell,
     &.e-responsive .e-headercelldiv.e-headerchkcelldiv {
       text-overflow: clip;
     }
@@ -4357,7 +4358,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 #{&}.e-grid-min-height {
   .e-rowcell {
-    line-height: normal;
+    line-height: 0;
     padding-bottom: 0;
     padding-top: 0;
   }
@@ -4440,7 +4441,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-rowcell,
   .e-rowcell:first-child,
   .e-rowcell:last-child {
-    line-height: normal;
+    line-height: 0;
     padding-bottom: 0;
     padding-top: 0;
   }

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

@@ -125,7 +125,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: 6px 0 0 5px !default;
-$grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
+$grid-rtl-bigger-rightalign-sortnumber-margin: 8px 0 0 4px !default;
 $grid-rtl-group-text-marign-right: 0 !default;
 $grid-rtl-group-text-margin-right: 0 !default;
 $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
@@ -273,7 +273,7 @@ $grid-sortnumber-rightalign-margin: $grid-fltr-sortnumber-rightalign-margin !def
 $grid-sortnumer-line-height: 15px !default;
 $grid-bigger-sortnumer-line-height: $grid-sortnumer-line-height !default;
 $grid-sortdiv-right-align-margin: -29px -5px !default;
-$grid-sortdiv-margin:  -29px 10px !default;
+$grid-sortdiv-margin:  -29px -10px !default;
 $grid-sortdiv-padding: 15px 0 !default;
 $grid-ungroup-button-line-height: 23px !default;
 $grid-ungroup-button-font-size: 10px !default;
@@ -325,11 +325,11 @@ $grid-rtl-group-headercell-margin-right: 8px !default;
 $grid-rtl-group-headercell-margin-left: 0 !default;
 $grid-fltr-rtl-sortnumber-margin: 9px 0 0 9px !default;
 $grid-rtl-sortnumber-margin: $grid-fltr-rtl-sortnumber-margin !default;
-$grid-fltr-rtl-sortnumber-rightalign-margin: 9px 0 0 25px !default;
-$grid-rtl-sortnumber-rightalign-margin: $grid-fltr-rtl-sortnumber-rightalign-margin !default;
+$grid-fltr-rtl-sortnumber-rightalign-margin: 7px 0 0 6px !default;
+$grid-rtl-sortnumber-rightalign-margin: 7px 0 0 12px !default;
 $grid-rtl-sortcelldiv-margin: -29px 10px !default;
-$grid-rtl-sortcelldiv-right-align-margin: -29px 10px !default;
-$grid-rtl-bigger-sortcelldiv-right-align-margin: -31px 22px !default;
+$grid-rtl-sortcelldiv-right-align-margin: -29px -8px !default;
+$grid-rtl-bigger-sortcelldiv-right-align-margin: -31px -10px !default;
 $grid-rtl-bigger-sortcelldiv-margin: -31px 5px !default;
 $grid-rtl-grouped-headercell-padding: 7px 0 !default;
 $grid-rtl-group-text-margin-left: 0 !default;
@@ -397,7 +397,7 @@ $grid-columnchooser-content-margin: 37px 0 0 !default;
 $grid-bigger-columnchooser-content-margin: 37px 0 0 !default;
 $grid-bigger-columnchooser-btn-font-size: 12px !default;
 $grid-bigger-sortdiv-rightalign-margin: -29px -5px !default;
-$grid-bigger-sortdiv-margin: -30px 8px !default;
+$grid-bigger-sortdiv-margin: -29px -8px !default;
 $grid-bigger-header-icons-font-size: 14px !default;
 $grid-bigger-grouptext-width: auto !default;
 $grid-edit-input-margin-top: 2px !default;
@@ -433,21 +433,21 @@ $grid-rtl-fltrdiv-margin: -20px 0 -20px -36px !default;
 $grid-rtl-bigger-fltrdiv-margin: -20px 0 -18px -25px !default;
 $grid-bigger-rtl-headercelldiv-fltricon-padding: -5px -10px -5px 0 !default;
 $grid-bigger-fltrdiv-margin: -21px -7px !default;
-$grid-sortdiv-filtericon-margin: -29px 28px -29px 0 !default;
+$grid-sortdiv-filtericon-margin: -29px 10px -29px 0 !default;
 $grid-sortdiv-filtericon-rightalign-margin: -29px -11px 0 0 !default;
 $grid-rtl-sortdiv-filtericon-rightalign-margin: -29px 0 0 10px !default;
 $grid-rtl-sortdiv-filtericon-margin: -29px 0 0 10px !default;
 $grid-bigger-fltricon-sortdiv-rightalign-margin: -30px -20px 0 0 !default;
-$grid-bigger-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
+$grid-bigger-fltricon-sortdiv-margin: -30px 16px -30px 0 !default;
 $grid-rtl-bigger-fltricon-sortdiv-margin: -29px 0 0 22px !default;
-$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -29px 0 0 29px !default;
+$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -29px -8px 0 10px !default;
 $grid-column-menu-sub-menu-box-shadow: 0 6px 12px rgba($shadow, .175) !default;
 $grid-bigger-checkbox-filter-min-height: 360px !default;
 $grid-checkbox-filter-min-height: 338px !default;
 $grid-column-menu-margin: -20px !default;
 $grid-column-menu-padding: 6px !default;
 $grid-textwrap-column-menu-margin: -15px -20px -20px -20px !default;
-$grid-bigger-column-menu-margin: -7px -7px !default;
+$grid-bigger-column-menu-margin: -20px -18px !default;
 $grid-column-menu-top-touch: 31px !default;
 $grid-column-menu-bottom-touch: 31px !default;
 $grid-column-menu-right-touch: 23px !default;
@@ -494,7 +494,7 @@ $grid-bigger-flmenu-padding: $grid-flmenu-padding !default;
 $grid-rowcell-wrap-height: 18px !default;
 $grid-rowcell-wrap-max-height: 36px !default;
 $grid-bigger-fltr-sortnumber-rightalign-margin: $grid-sortnumber-rightalign-margin !default;
-$grid-bigger-sortnumber-rightalign-margin: $grid-bigger-fltr-sortnumber-rightalign-margin !default;
+$grid-bigger-sortnumber-rightalign-margin: 7px 0 0 20px !default;
 $grid-bigger-columnmenu-bottom: 16px !default;
 $grid-bigger-sortnumber-margin: $grid-sortnumber-margin !default;
 $grid-bigger-fltr-sortnumber-margin: $grid-bigger-sortnumber-margin !default;
@@ -515,7 +515,7 @@ $grid-rtl-group-sorticon-margin-left: 0 !default;
 $grid-column-menu-padding: 6px !default;
 $grid-rtl-column-menu-left: 5px !default;
 $grid-checkboxfiltertext-width: 150px !default;
-$grid-rtl-column-menu-margin: -19px -18px -18px 1px !default;
+$grid-rtl-column-menu-margin: -20px -18px -18px 1px !default;
 $grid-rtl-textwrap-column-menu-margin: -15px -13px -23px -3px !default;
 $grid-filter-checkbox-width: 0 !default;
 $grid-filter-checkbox-white-space: nowrap !default;
@@ -602,8 +602,8 @@ $grid-bigger-sort-number-size: $grid-sort-number-size !default;
 $grid-sort-number-font-size: 9px !default;
 $grid-filter-border-radius: 6px !default;
 $grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
-$grid-bigger-sort-margin: -14px 3px !default;
-$grid-bigger-sort-right-margin: 0 2px 0 0 !default;
+$grid-bigger-sort-margin: -29px 3px !default;
+$grid-bigger-sort-right-margin: 7px 2px 0 0 !default;
 $grid-skin: 'bootstrap' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;
@@ -952,7 +952,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
       @else if $grid-skin == 'bootstrap5' {
         margin-bottom: -12px;
-        margin-top: -15px;
+        margin-top: -12px;
       }
     }
@@ -2256,6 +2256,7 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
     &.e-responsive .e-rowcell.e-gridchkbox,
+    &.e-responsive .e-rowcell.e-gridchkbox-cell,
     &.e-responsive .e-headercelldiv.e-headerchkcelldiv {
       text-overflow: clip;
     }
@@ -4359,7 +4360,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 #{&}.e-grid-min-height {
   .e-rowcell {
-    line-height: normal;
+    line-height: 0;
     padding-bottom: 0;
     padding-top: 0;
   }
@@ -4442,7 +4443,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-rowcell,
   .e-rowcell:first-child,
   .e-rowcell:last-child {
-    line-height: normal;
+    line-height: 0;
     padding-bottom: 0;
     padding-top: 0;
   }

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

@@ -122,8 +122,8 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $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: 6px 0 0 6px !default;
-$grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
+$grid-rtl-bigger-sortnumber-margin: 4px 0 0 2px !default;
+$grid-rtl-bigger-rightalign-sortnumber-margin: 4px 0 0 12px !default;
 $grid-rtl-group-text-marign-right: 0 !default;
 $grid-rtl-group-text-margin-right: 0 !default;
 $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
@@ -267,7 +267,7 @@ $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 8px 0 8px !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 8px !default;
 $grid-sortnumber-rightalign-margin: $grid-fltr-sortnumber-rightalign-margin !default;
@@ -324,13 +324,13 @@ $grid-group-height: 52px !default;
 $grid-ungroup-rtl-padding-top: 4px !default;
 $grid-rtl-group-headercell-margin-right: 8px !default;
 $grid-rtl-group-headercell-margin-left: 0 !default;
-$grid-fltr-rtl-sortnumber-margin: 1px 0 0 12px !default;
+$grid-fltr-rtl-sortnumber-margin: 1px 0 0 10px !default;
 $grid-rtl-sortnumber-margin: $grid-fltr-rtl-sortnumber-margin !default;
-$grid-fltr-rtl-sortnumber-rightalign-margin: 1px 0 0 20px !default;
-$grid-rtl-sortnumber-rightalign-margin: $grid-fltr-rtl-sortnumber-rightalign-margin !default;
+$grid-fltr-rtl-sortnumber-rightalign-margin: 2px 0 0 5px !default;
+$grid-rtl-sortnumber-rightalign-margin: 2px 0 0 10px !default;
 $grid-rtl-sortcelldiv-margin: -29px 10px !default;
-$grid-rtl-sortcelldiv-right-align-margin: -29px 10px !default;
-$grid-rtl-bigger-sortcelldiv-right-align-margin: -31px 22px !default;
+$grid-rtl-sortcelldiv-right-align-margin: -29px -10px !default;
+$grid-rtl-bigger-sortcelldiv-right-align-margin: -29px -10px !default;
 $grid-rtl-bigger-sortcelldiv-margin: -31px 5px !default;
 $grid-rtl-grouped-headercell-padding: 0 !default;
 $grid-rtl-group-text-margin-left: 0 !default;
@@ -397,8 +397,8 @@ $grid-column-chooser-searchdiv-left: 1px !default;
 $grid-columnchooser-content-margin: 40px 0 0 !default;
 $grid-bigger-columnchooser-content-margin: 40px 0 0 !default;
 $grid-bigger-columnchooser-btn-font-size: 12px !default;
-$grid-bigger-sortdiv-rightalign-margin: -32px -2px !default;
-$grid-bigger-sortdiv-margin: -31px -2px !default;
+$grid-bigger-sortdiv-rightalign-margin: -30px -10px !default;
+$grid-bigger-sortdiv-margin: -30px -2px !default;
 $grid-bigger-header-icons-font-size: 8px !default;
 $grid-bigger-grouptext-width: auto !default;
 $grid-edit-input-margin-top: 2px !default;
@@ -440,18 +440,18 @@ $grid-sortdiv-filtericon-margin: -28px 10px -29px 0 !default;
 $grid-sortdiv-filtericon-rightalign-margin: -28px -11px -5px -5px !default;
 $grid-rtl-sortdiv-filtericon-rightalign-margin: -29px 0 0 10px !default;
 $grid-rtl-sortdiv-filtericon-margin: -29px 0 0 10px !default;
-$grid-bigger-fltricon-sortdiv-rightalign-margin: -32px -20px 0 2px !default;
-$grid-bigger-fltricon-sortdiv-margin: -32px 18px -31px 0 !default;
+$grid-bigger-fltricon-sortdiv-rightalign-margin: -30px -20px 0 -6px !default;
+$grid-bigger-fltricon-sortdiv-margin: -30px 18px -31px 0 !default;
 $grid-rtl-bigger-fltricon-sortdiv-margin: -29px 0 0 14px !default;
-$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -29px 0 0 33px !default;
+$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -29px 18px 0 10px !default;
 $grid-shadow: #000 !default;
 $grid-column-menu-sub-menu-box-shadow: 0 6px 12px rgba($grid-shadow, .175) !default;
 $grid-bigger-checkbox-filter-min-height: 348px !default;
 $grid-checkbox-filter-min-height: 328px !default;
-$grid-column-menu-margin: -20px !default;
+$grid-column-menu-margin: -19px !default;
 $grid-column-menu-padding: 6px !default;
 $grid-textwrap-column-menu-margin: -19px -20px -20px -20px !default;
-$grid-bigger-column-menu-margin: 0 -3px !default;
+$grid-bigger-column-menu-margin: -19px !default;
 $grid-column-menu-top-touch: 31px !default;
 $grid-column-menu-bottom-touch: 32px !default;
 $grid-column-menu-right-touch: 23px !default;
@@ -498,10 +498,10 @@ $grid-unboundcelldiv-margin: 0 4px !default;
 $grid-bigger-flmenu-padding: 16px 0 0 !default;
 $grid-rowcell-wrap-height: 21px !default;
 $grid-rowcell-wrap-max-height: 36px !default;
-$grid-bigger-fltr-sortnumber-rightalign-margin: 2px 0 0 19px !default;
-$grid-bigger-sortnumber-rightalign-margin: $grid-bigger-fltr-sortnumber-rightalign-margin !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: 3px 19px 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;
@@ -512,7 +512,7 @@ $grid-bigger-draganddrop-clone-padding: 2px 0 1px !default;
 $grouped-bigger-text-font-size: 14px !default;
 $grid-bigger-ungroupbutton-icon-margin-right: 8px !default;
 $grid-bigger-font-size: 16px !default;
-$grid-rtl-bigger-rightalign-fltrdiv-margin: -20px 0 -18px -72px !default;
+$grid-rtl-bigger-rightalign-fltrdiv-margin: -20px 0 -18px -54px !default;
 $grid-bigger-rtl-ungroup-icon-margin-left: -9px !default;
 $grid-grouparea-font-weight: normal !default;
 $grid-ungroup-rtl-margin-left: 0 !default;
@@ -585,7 +585,7 @@ $grid-responsive-apply-btn-top: 3px !default;
 $grid-rtl-headercelldiv-left-align-margin: 10px !default;
 $grid-rtl-filtermenudiv-left-align-margin: -5px !default;
-$grid-rtl-sort-num-left-align-margin: 1px -2px 0 0 !default;
+$grid-rtl-sort-num-left-align-margin: 4px -2px 0 0 !default;
 $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;
@@ -606,8 +606,8 @@ $grid-bigger-sort-number-size: $grid-sort-number-size !default;
 $grid-sort-number-font-size: 9px !default;
 $grid-filter-border-radius: 0 !default;
 $grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
-$grid-bigger-sort-margin: -14px 3px !default;
-$grid-bigger-sort-right-margin: 0 2px 0 0 !default;
+$grid-bigger-sort-margin: -29px 3px !default;
+$grid-bigger-sort-right-margin: 4px 2px 0 0 !default;
 $grid-skin: 'bootstrap4' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;
@@ -956,7 +956,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
       @else if $grid-skin == 'bootstrap5' {
         margin-bottom: -12px;
-        margin-top: -15px;
+        margin-top: -12px;
       }
     }
@@ -2260,6 +2260,7 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
     &.e-responsive .e-rowcell.e-gridchkbox,
+    &.e-responsive .e-rowcell.e-gridchkbox-cell,
     &.e-responsive .e-headercelldiv.e-headerchkcelldiv {
       text-overflow: clip;
     }
@@ -4363,7 +4364,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 #{&}.e-grid-min-height {
   .e-rowcell {
-    line-height: normal;
+    line-height: 0;
     padding-bottom: 0;
     padding-top: 0;
   }
@@ -4446,7 +4447,7 @@ $grid-dropitems-count-margin-left: -8px !default;
   .e-rowcell,
   .e-rowcell:first-child,
   .e-rowcell:last-child {
-    line-height: normal;
+    line-height: 0;
     padding-bottom: 0;
     padding-top: 0;
   }

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

@@ -117,8 +117,8 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $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: 1px 0 0 -20px !default;
-$grid-rtl-bigger-rightalign-sortnumber-margin: 1px 0 0 20px !default;
+$grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !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;
 $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
@@ -198,7 +198,7 @@ $grid-header-padding: 8px !default;
 $grid-header-wrap-sortfilter-div-margin: -20px 3px !default;
 $grid-rtl-textwrap-sorticon-margin: -30px 5px !default;
 $grid-rtl-textwrap-sorticon-rightalign-margin: -30px 17px !default;
-$grid-headercelldiv-right-align-padding: 0 8px 0 !default;
+$grid-headercelldiv-right-align-padding: 0 8px 0 20px !default;
 $grid-headercell-line-height: 34px !default;
 $grid-header-font-weight: $font-weight-bold !default;
 $grid-filtercell-both-border-width: 1px 0 0 1px !default;
@@ -265,7 +265,7 @@ $grid-sortdiv-height: 18px !default;
 $grid-sortnumber-margin: 1px 10px 1px 8px !default;
 $grid-fltr-sortnumber-margin: 1px 8px 1px 8px !default;
 $grid-fltr-sortnumber-rightalign-margin: 1px 8px 0 10px !default;
-$grid-sortnumber-rightalign-margin: 1px 8px 0 22px !default;
+$grid-sortnumber-rightalign-margin: 1px 8px 0 10px !default;
 $grid-sortnumer-line-height: 14px !default;
 $grid-bigger-sortnumer-line-height: 16px !default;
 $grid-sortdiv-right-align-margin: -10px 8px -12px -2px !default;
@@ -322,11 +322,11 @@ $grid-rtl-group-headercell-margin-left: 0 !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 12px !default;
-$grid-rtl-sortnumber-rightalign-margin: 1px 0 0 22px !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;
 $grid-rtl-bigger-sortcelldiv-right-align-margin: -12px 4px -12px -2px !default;
-$grid-rtl-bigger-sortcelldiv-margin: -12px 4px -12px -2px !default;
+$grid-rtl-bigger-sortcelldiv-margin: -12px 4px -12px -4px !default;
 $grid-rtl-grouped-headercell-padding: 5px 0 !default;
 $grid-rtl-group-text-margin-left: 0 !default;
 $grid-rtl-group-sorticon-margin-right: -10px !default;
@@ -430,20 +430,20 @@ $grid-rtl-bigger-fltrdiv-margin: -14px 4px -14px -2px !default;
 $grid-bigger-rtl-headercelldiv-fltricon-padding: -5px -10px -5px 0 !default;
 $grid-bigger-fltrdiv-margin: -14px -2px -14px 4px !default;
 $grid-sortdiv-filtericon-margin: -13px 24px -12px 8px !default;
-$grid-sortdiv-filtericon-rightalign-margin: -13px 8px -12px -2px !default;
+$grid-sortdiv-filtericon-rightalign-margin: -13px 8px -12px 13px !default;
 $grid-rtl-sortdiv-filtericon-rightalign-margin: -13px 8px -12px 24px !default;
 $grid-rtl-sortdiv-filtericon-margin: -13px 8px -13px 24px !default;
-$grid-bigger-fltricon-sortdiv-rightalign-margin: -15px 4px -14px -2px !default;
-$grid-bigger-fltricon-sortdiv-margin: -15px 22px -14px 4px !default;
-$grid-rtl-bigger-fltricon-sortdiv-margin: -15px 4px -14px 24px !default;
-$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -15px 4px -14px 22px !default;
+$grid-bigger-fltricon-sortdiv-rightalign-margin: -14px 4px -14px -2px !default;
+$grid-bigger-fltricon-sortdiv-margin: -14px 22px -14px 4px !default;
+$grid-rtl-bigger-fltricon-sortdiv-margin: -14px 4px -14px 24px !default;
+$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -14px 4px -14px 22px !default;
 $grid-column-menu-sub-menu-box-shadow: $shadow !default;
 $grid-bigger-checkbox-filter-min-height: 360px !default;
 $grid-checkbox-filter-min-height: 307px !default;
 $grid-column-menu-margin: -12px -18px -12px 8px !default;
 $grid-column-menu-padding: 2px !default;
 $grid-textwrap-column-menu-margin: -19px -20px -20px -20px !default;
-$grid-bigger-column-menu-margin: 0 -3px !default;
+$grid-bigger-column-menu-margin: -12px -16px !default;
 $grid-column-menu-top-touch: 21px !default;
 $grid-column-menu-bottom-touch: 23px !default;
 $grid-column-menu-right-touch: 23px !default;
@@ -486,11 +486,11 @@ $grid-unboundcelldiv-margin: 0 4px !default;
 $grid-bigger-flmenu-padding: 16px 0 0 !default;
 $grid-rowcell-wrap-height: 21px !default;
 $grid-rowcell-wrap-max-height: 36px !default;
-$grid-bigger-fltr-sortnumber-rightalign-margin: 1px 4px 0 4px !default;
-$grid-bigger-sortnumber-rightalign-margin: 1px 4px 0 20px !default;
+$grid-bigger-fltr-sortnumber-rightalign-margin: 1px 4px 0 -6px !default;
+$grid-bigger-sortnumber-rightalign-margin: 3px 4px 0 6px !default;
 $grid-bigger-columnmenu-bottom: 13px !default;
-$grid-bigger-sortnumber-margin: 1px 4px 0 4px !default;
-$grid-bigger-fltr-sortnumber-margin: 1px 4px 0 4px !default;
+$grid-bigger-sortnumber-margin: 3px 4px 0 4px !default;
+$grid-bigger-fltr-sortnumber-margin: 1px 4px 0 -6px !default;
 $grid-rtl-searchclear: 0 !default;
 $grid-column-chosser-searchdiv-top: -41px !default;
 $grid-reorderarrow-font-size: 10px !default;
@@ -507,7 +507,7 @@ $grid-ungroup-rtl-margin-left: 0 !default;
 $grid-rtl-group-sorticon-margin-left: -5px !default;
 $grid-rtl-column-menu-left: 23px !default;
 $grid-checkboxfiltertext-width: 150px !default;
-$grid-rtl-column-menu-margin: -12px 8px -12px -22px !default;
+$grid-rtl-column-menu-margin: -13px 8px -12px -22px !default;
 $grid-rtl-textwrap-column-menu-margin: -17px -13px -23px -25px !default;
 $grid-filter-checkbox-width: 0 !default;
 $grid-filter-checkbox-white-space: nowrap !default;
@@ -573,7 +573,7 @@ $grid-responsive-apply-btn-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: 1px 8px 0 0 !default;
+$grid-rtl-sort-num-left-align-margin: 4px 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;
@@ -601,7 +601,7 @@ $grid-sort-number-font-size: 16px !default;
 $grid-filter-border-radius: 6px !default;
 $grid-adaptive-toolbar-icon-hover-bottom: 4px !default;
 $grid-bigger-sort-margin: -10px 2px !default;
-$grid-bigger-sort-right-margin: 1px 8px 0 0 !default;
+$grid-bigger-sort-right-margin: 3px 8px 0 0 !default;
 $grid-skin: 'bootstrap5' !default;
 $grid-biggerreorderarrow-font-size: 14px !default;
 $grid-bigger-drag-count-padding: 3px 8px 4px !default;
@@ -950,7 +950,7 @@ $grid-dropitems-count-margin-left: -4px !default;
       }
       @else if $grid-skin == 'bootstrap5' {
         margin-bottom: -12px;
-        margin-top: -15px;
+        margin-top: -12px;
       }
     }
@@ -2254,6 +2254,7 @@ $grid-dropitems-count-margin-left: -4px !default;
     }
     &.e-responsive .e-rowcell.e-gridchkbox,
+    &.e-responsive .e-rowcell.e-gridchkbox-cell,
     &.e-responsive .e-headercelldiv.e-headerchkcelldiv {
       text-overflow: clip;
     }
@@ -4357,7 +4358,7 @@ $grid-dropitems-count-margin-left: -4px !default;
 #{&}.e-grid-min-height {
   .e-rowcell {
-    line-height: normal;
+    line-height: 0;
     padding-bottom: 0;
     padding-top: 0;
   }
@@ -4440,7 +4441,7 @@ $grid-dropitems-count-margin-left: -4px !default;
   .e-rowcell,
   .e-rowcell:first-child,
   .e-rowcell:last-child {
-    line-height: normal;
+    line-height: 0;
     padding-bottom: 0;
     padding-top: 0;
   }