@syncfusion/blazor-themes 21.2.5 → 21.2.6

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 (43) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +13 -12
  2. package/SCSS-Themes/bootstrap.scss +13 -12
  3. package/SCSS-Themes/bootstrap4.scss +13 -12
  4. package/SCSS-Themes/bootstrap5-dark.scss +13 -12
  5. package/SCSS-Themes/bootstrap5.scss +13 -12
  6. package/SCSS-Themes/documenteditor/document-editor/bootstrap-dark.scss +1 -0
  7. package/SCSS-Themes/documenteditor/document-editor/bootstrap.scss +1 -0
  8. package/SCSS-Themes/documenteditor/document-editor/bootstrap4.scss +1 -0
  9. package/SCSS-Themes/documenteditor/document-editor/bootstrap5-dark.scss +1 -0
  10. package/SCSS-Themes/documenteditor/document-editor/bootstrap5.scss +1 -0
  11. package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss +1 -0
  12. package/SCSS-Themes/documenteditor/document-editor/fabric.scss +1 -0
  13. package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss +1 -0
  14. package/SCSS-Themes/documenteditor/document-editor/fluent.scss +1 -0
  15. package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss +1 -0
  16. package/SCSS-Themes/documenteditor/document-editor/material-dark.scss +1 -0
  17. package/SCSS-Themes/documenteditor/document-editor/material.scss +1 -0
  18. package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss +1 -0
  19. package/SCSS-Themes/documenteditor/document-editor/tailwind.scss +1 -0
  20. package/SCSS-Themes/fabric-dark.scss +12 -11
  21. package/SCSS-Themes/fabric.scss +12 -11
  22. package/SCSS-Themes/fluent-dark.scss +13 -12
  23. package/SCSS-Themes/fluent.scss +13 -12
  24. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +12 -12
  25. package/SCSS-Themes/grids/grid/bootstrap.scss +12 -12
  26. package/SCSS-Themes/grids/grid/bootstrap4.scss +12 -12
  27. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +12 -12
  28. package/SCSS-Themes/grids/grid/bootstrap5.scss +12 -12
  29. package/SCSS-Themes/grids/grid/fabric-dark.scss +11 -11
  30. package/SCSS-Themes/grids/grid/fabric.scss +11 -11
  31. package/SCSS-Themes/grids/grid/fluent-dark.scss +12 -12
  32. package/SCSS-Themes/grids/grid/fluent.scss +12 -12
  33. package/SCSS-Themes/grids/grid/highcontrast.scss +11 -11
  34. package/SCSS-Themes/grids/grid/material-dark.scss +11 -11
  35. package/SCSS-Themes/grids/grid/material.scss +11 -11
  36. package/SCSS-Themes/grids/grid/tailwind-dark.scss +12 -12
  37. package/SCSS-Themes/grids/grid/tailwind.scss +12 -12
  38. package/SCSS-Themes/highcontrast.scss +12 -11
  39. package/SCSS-Themes/material-dark.scss +12 -11
  40. package/SCSS-Themes/material.scss +12 -11
  41. package/SCSS-Themes/tailwind-dark.scss +13 -12
  42. package/SCSS-Themes/tailwind.scss +13 -12
  43. package/package.json +1 -1
package/SCSS-Themes/fabric.scss CHANGED
@@ -65465,6 +65465,7 @@ $de-column-presets-font-size: 60px !default;
65465
65465
  .e-de-multi-cmt-mark::before {
65466
65466
  content: '\e97e';
65467
65467
  font-family: 'e-icons';
65468
+ font-size: 14px;
65468
65469
  }
65469
65470
 
65470
65471
  .e-de-cmt-post::before {
@@ -71749,7 +71750,7 @@ $group-droparea-hover-color: $active-font-color !default;
71749
71750
  $group-header-hover-color: $header-font-color !default;
71750
71751
  $group-row-bg-stcolor: #ececec !default;
71751
71752
  $grid-group-clone-text-align: center !default;
71752
- $grid-group-unpgroupicon-margin-top: 0 !default;
71753
+ $grid-group-unpgroupicon-padding-top: 0 !default;
71753
71754
  $grid-ungroup-rtl-padding-right: 6px !default;
71754
71755
  $filter-text-color: $content-font-color !default;
71755
71756
  $grid-wrap-line-height: 18px !default;
@@ -71826,7 +71827,6 @@ $grid-bigger-groupedcell-padding: 11px 11px 12px !default;
71826
71827
  $grid-bigger-group-clone-padding: 6px !default;
71827
71828
  $grid-bigger-grouptext-width: 76px !default;
71828
71829
  $grid-bigger-group-text-line-height: 32px !default;
71829
- $grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
71830
71830
  $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
71831
71831
  $grid-bigger-columnchooser-ul-padding: 0 !default;
71832
71832
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
@@ -72200,6 +72200,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
72200
72200
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
72201
72201
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;
72202
72202
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
72203
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
72203
72204
  $grid-bigger-font-size: $grid-font-size !default;
72204
72205
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
72205
72206
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -72950,6 +72951,7 @@ $grid-dropitems-count-margin-left: -8px !default;
72950
72951
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
72951
72952
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
72952
72953
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
72954
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
72953
72955
  @if $grid-skin == 'fluent' {
72954
72956
  padding: 0 4px;
72955
72957
  }
@@ -73006,9 +73008,12 @@ $grid-dropitems-count-margin-left: -8px !default;
73006
73008
  &.e-rtl span.e-ungroupbutton.e-icons {
73007
73009
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
73008
73010
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
73009
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
73010
- padding-top: $grid-ungroup-rtl-padding-top;
73011
+ margin-top: $grid-bigger-sorticon-margin-top;
73011
73012
  padding-left: $grid-ungroup-rtl-padding-left;
73013
+ @if $grid-skin == 'fluent' {
73014
+ margin-top: 0;
73015
+ padding: 0 4px;
73016
+ }
73012
73017
  }
73013
73018
 
73014
73019
  .e-groupcaption {
@@ -73682,6 +73687,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73682
73687
  border-collapse: separate;
73683
73688
  table-layout: fixed;
73684
73689
  width: 100%;
73690
+ border-spacing: 0.25px;
73685
73691
  }
73686
73692
 
73687
73693
  .e-tableborder {
@@ -74833,14 +74839,9 @@ $grid-dropitems-count-margin-left: -8px !default;
74833
74839
 
74834
74840
  span.e-ungroupbutton.e-icons {
74835
74841
  margin-left: $group-unpgrouicon-margin-left;
74836
- margin-top: $grid-group-unpgroupicon-margin-top;
74842
+ margin-top: $group-sorticon-margin-top;
74843
+ padding-top: $grid-group-unpgroupicon-padding-top;
74837
74844
  padding-right: $grid-group-unpgroupicon-padding-right;
74838
- @if $grid-skin == 'bootstrap4' {
74839
- padding-top: 4px;
74840
- }
74841
- @else if $grid-skin == 'tailwind' {
74842
- padding-top: 1px;
74843
- }
74844
74845
  }
74845
74846
 
74846
74847
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/fluent-dark.scss CHANGED
@@ -66187,6 +66187,7 @@ $de-column-presets-font-size: $text-6xl !default;
66187
66187
  .e-de-multi-cmt-mark::before {
66188
66188
  content: '\e8bc';
66189
66189
  font-family: 'e-icons';
66190
+ font-size: 14px;
66190
66191
  }
66191
66192
 
66192
66193
  .e-de-cmt-post::before {
@@ -72710,7 +72711,6 @@ $grid-bigger-group-text-line-height: .2em !default;
72710
72711
  $grid-bigger-groupcaption-line-height: 16px !default;
72711
72712
  $grid-bigger-rtl-group-headercell-margin: 6px 8px 6px 0 !default;
72712
72713
  $grid-bigger-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
72713
- $grid-bigger-rtl-ungroup-icon-margin-top: -4px !default;
72714
72714
  $grid-bigger-rtl-ungroup-icon-margin-right: -6px !default;
72715
72715
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
72716
72716
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -72850,14 +72850,14 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
72850
72850
  $grid-indentcell-border-width: 0 1px 0 0 !default;
72851
72851
  $grid-group-right-arrow-icon-font-size: $text-base !default;
72852
72852
  $grid-group-right-arrow-icon-padding: 8px 7px 11px 7px !default;
72853
- $grid-group-unpgroupicon-margin-top: 1px !default;
72853
+ $grid-group-unpgroupicon-padding-top: 8px !default;
72854
72854
  $grid-summary-cell-line-height: 14px !default;
72855
72855
  $grid-edit-input-padding-bottom: 1px !default;
72856
72856
  $grid-edit-input-padding-top: 2px !default;
72857
72857
  $grid-edit-input-margin: 2px !default;
72858
72858
  $grid-edit-cell-padding: 2px !default;
72859
72859
  $grid-group-height: 44px !default;
72860
- $grid-ungroup-rtl-padding-top: 4px !default;
72860
+ $grid-ungroup-rtl-padding-top: 8px !default;
72861
72861
  $grid-rtl-group-headercell-margin-right: 4px !default;
72862
72862
  $grid-rtl-group-headercell-margin-left: 0 !default;
72863
72863
  $grid-fltr-rtl-sortnumber-margin: 2px 0 0 15px !default;
@@ -73029,6 +73029,7 @@ $grid-bigger-clone-padding: 3px 0 0 8px !default;
73029
73029
  $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
73030
73030
  $grouped-bigger-text-font-size: $text-base !default;
73031
73031
  $grid-bigger-ungroupbutton-icon-margin-right: 4px !default;
73032
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
73032
73033
  $grid-bigger-font-size: $text-base !default;
73033
73034
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -23px 0 -18px -42px !default;
73034
73035
  $grid-bigger-rtl-ungroup-icon-margin-left: -9px !default;
@@ -73769,6 +73770,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73769
73770
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
73770
73771
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
73771
73772
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
73773
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
73772
73774
  @if $grid-skin == 'fluent' {
73773
73775
  padding: 0 4px;
73774
73776
  }
@@ -73825,9 +73827,12 @@ $grid-dropitems-count-margin-left: -8px !default;
73825
73827
  &.e-rtl span.e-ungroupbutton.e-icons {
73826
73828
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
73827
73829
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
73828
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
73829
- padding-top: $grid-ungroup-rtl-padding-top;
73830
+ margin-top: $grid-bigger-sorticon-margin-top;
73830
73831
  padding-left: $grid-ungroup-rtl-padding-left;
73832
+ @if $grid-skin == 'fluent' {
73833
+ margin-top: 0;
73834
+ padding: 0 4px;
73835
+ }
73831
73836
  }
73832
73837
 
73833
73838
  .e-groupcaption {
@@ -74501,6 +74506,7 @@ $grid-dropitems-count-margin-left: -8px !default;
74501
74506
  border-collapse: separate;
74502
74507
  table-layout: fixed;
74503
74508
  width: 100%;
74509
+ border-spacing: 0.25px;
74504
74510
  }
74505
74511
 
74506
74512
  .e-tableborder {
@@ -75652,14 +75658,9 @@ $grid-dropitems-count-margin-left: -8px !default;
75652
75658
 
75653
75659
  span.e-ungroupbutton.e-icons {
75654
75660
  margin-left: $group-unpgrouicon-margin-left;
75655
- margin-top: $grid-group-unpgroupicon-margin-top;
75661
+ margin-top: $group-sorticon-margin-top;
75662
+ padding-top: $grid-group-unpgroupicon-padding-top;
75656
75663
  padding-right: $grid-group-unpgroupicon-padding-right;
75657
- @if $grid-skin == 'bootstrap4' {
75658
- padding-top: 4px;
75659
- }
75660
- @else if $grid-skin == 'tailwind' {
75661
- padding-top: 1px;
75662
- }
75663
75664
  }
75664
75665
 
75665
75666
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/fluent.scss CHANGED
@@ -66188,6 +66188,7 @@ $de-column-presets-font-size: $text-6xl !default;
66188
66188
  .e-de-multi-cmt-mark::before {
66189
66189
  content: '\e8bc';
66190
66190
  font-family: 'e-icons';
66191
+ font-size: 14px;
66191
66192
  }
66192
66193
 
66193
66194
  .e-de-cmt-post::before {
@@ -72711,7 +72712,6 @@ $grid-bigger-group-text-line-height: .2em !default;
72711
72712
  $grid-bigger-groupcaption-line-height: 16px !default;
72712
72713
  $grid-bigger-rtl-group-headercell-margin: 6px 8px 6px 0 !default;
72713
72714
  $grid-bigger-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
72714
- $grid-bigger-rtl-ungroup-icon-margin-top: -4px !default;
72715
72715
  $grid-bigger-rtl-ungroup-icon-margin-right: -6px !default;
72716
72716
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
72717
72717
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -72851,14 +72851,14 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
72851
72851
  $grid-indentcell-border-width: 0 1px 0 0 !default;
72852
72852
  $grid-group-right-arrow-icon-font-size: $text-base !default;
72853
72853
  $grid-group-right-arrow-icon-padding: 8px 7px 11px 7px !default;
72854
- $grid-group-unpgroupicon-margin-top: 1px !default;
72854
+ $grid-group-unpgroupicon-padding-top: 8px !default;
72855
72855
  $grid-summary-cell-line-height: 14px !default;
72856
72856
  $grid-edit-input-padding-bottom: 1px !default;
72857
72857
  $grid-edit-input-padding-top: 2px !default;
72858
72858
  $grid-edit-input-margin: 2px !default;
72859
72859
  $grid-edit-cell-padding: 2px !default;
72860
72860
  $grid-group-height: 44px !default;
72861
- $grid-ungroup-rtl-padding-top: 4px !default;
72861
+ $grid-ungroup-rtl-padding-top: 8px !default;
72862
72862
  $grid-rtl-group-headercell-margin-right: 4px !default;
72863
72863
  $grid-rtl-group-headercell-margin-left: 0 !default;
72864
72864
  $grid-fltr-rtl-sortnumber-margin: 2px 0 0 15px !default;
@@ -73030,6 +73030,7 @@ $grid-bigger-clone-padding: 3px 0 0 8px !default;
73030
73030
  $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
73031
73031
  $grouped-bigger-text-font-size: $text-base !default;
73032
73032
  $grid-bigger-ungroupbutton-icon-margin-right: 4px !default;
73033
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
73033
73034
  $grid-bigger-font-size: $text-base !default;
73034
73035
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -23px 0 -18px -42px !default;
73035
73036
  $grid-bigger-rtl-ungroup-icon-margin-left: -9px !default;
@@ -73770,6 +73771,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73770
73771
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
73771
73772
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
73772
73773
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
73774
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
73773
73775
  @if $grid-skin == 'fluent' {
73774
73776
  padding: 0 4px;
73775
73777
  }
@@ -73826,9 +73828,12 @@ $grid-dropitems-count-margin-left: -8px !default;
73826
73828
  &.e-rtl span.e-ungroupbutton.e-icons {
73827
73829
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
73828
73830
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
73829
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
73830
- padding-top: $grid-ungroup-rtl-padding-top;
73831
+ margin-top: $grid-bigger-sorticon-margin-top;
73831
73832
  padding-left: $grid-ungroup-rtl-padding-left;
73833
+ @if $grid-skin == 'fluent' {
73834
+ margin-top: 0;
73835
+ padding: 0 4px;
73836
+ }
73832
73837
  }
73833
73838
 
73834
73839
  .e-groupcaption {
@@ -74502,6 +74507,7 @@ $grid-dropitems-count-margin-left: -8px !default;
74502
74507
  border-collapse: separate;
74503
74508
  table-layout: fixed;
74504
74509
  width: 100%;
74510
+ border-spacing: 0.25px;
74505
74511
  }
74506
74512
 
74507
74513
  .e-tableborder {
@@ -75653,14 +75659,9 @@ $grid-dropitems-count-margin-left: -8px !default;
75653
75659
 
75654
75660
  span.e-ungroupbutton.e-icons {
75655
75661
  margin-left: $group-unpgrouicon-margin-left;
75656
- margin-top: $grid-group-unpgroupicon-margin-top;
75662
+ margin-top: $group-sorticon-margin-top;
75663
+ padding-top: $grid-group-unpgroupicon-padding-top;
75657
75664
  padding-right: $grid-group-unpgroupicon-padding-right;
75658
- @if $grid-skin == 'bootstrap4' {
75659
- padding-top: 4px;
75660
- }
75661
- @else if $grid-skin == 'tailwind' {
75662
- padding-top: 1px;
75663
- }
75664
75665
  }
75665
75666
 
75666
75667
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/grids/grid/bootstrap-dark.scss CHANGED
@@ -137,7 +137,6 @@ $grid-bigger-group-text-line-height: 32px !default;
137
137
  $grid-bigger-groupcaption-line-height: 32px !default;
138
138
  $grid-bigger-rtl-group-headercell-margin: 3px 8px 0 0 !default;
139
139
  $grid-bigger-rtl-group-headercell-padding: 9px 0 4px 0 !default;
140
- $grid-bigger-rtl-ungroup-icon-margin-top: -4px !default;
141
140
  $grid-bigger-rtl-ungroup-icon-margin-right: -10px !default;
142
141
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
143
142
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -305,7 +304,7 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
305
304
  $grid-indentcell-border-width: 0 1px 0 0 !default;
306
305
  $grid-group-right-arrow-icon-font-size: 10px !default;
307
306
  $grid-group-right-arrow-icon-padding: 12px 9px 12px 10px !default;
308
- $grid-group-unpgroupicon-margin-top: 2px !default;
307
+ $grid-group-unpgroupicon-padding-top: 4px !default;
309
308
  $grid-summary-cell-line-height: 19px !default;
310
309
  $grid-batch-updated-bg-color: #d7f9c7 !default;
311
310
  $grid-val-error-color: #f44336 !default;
@@ -315,7 +314,7 @@ $grid-edit-input-padding-top: 2px !default;
315
314
  $grid-edit-input-margin: 2px !default;
316
315
  $grid-edit-cell-padding: 2px !default;
317
316
  $grid-group-height: 52px !default;
318
- $grid-ungroup-rtl-padding-top: 0 !default;
317
+ $grid-ungroup-rtl-padding-top: 4px !default;
319
318
  $grid-rtl-group-headercell-margin-right: 8px !default;
320
319
  $grid-rtl-group-headercell-margin-left: 0 !default;
321
320
  $grid-fltr-rtl-sortnumber-margin: 9px 0 0 9px !default;
@@ -509,6 +508,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
509
508
  $grid-bigger-draganddrop-clone-padding: 0 !default;
510
509
  $grouped-bigger-text-font-size: 16px !default;
511
510
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
511
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
512
512
  $grid-bigger-font-size: $grid-font-size !default;
513
513
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
514
514
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -1259,6 +1259,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1259
1259
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1260
1260
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1261
1261
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1262
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1262
1263
  @if $grid-skin == 'fluent' {
1263
1264
  padding: 0 4px;
1264
1265
  }
@@ -1315,9 +1316,12 @@ $grid-dropitems-count-margin-left: -8px !default;
1315
1316
  &.e-rtl span.e-ungroupbutton.e-icons {
1316
1317
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1317
1318
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1318
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1319
- padding-top: $grid-ungroup-rtl-padding-top;
1319
+ margin-top: $grid-bigger-sorticon-margin-top;
1320
1320
  padding-left: $grid-ungroup-rtl-padding-left;
1321
+ @if $grid-skin == 'fluent' {
1322
+ margin-top: 0;
1323
+ padding: 0 4px;
1324
+ }
1321
1325
  }
1322
1326
 
1323
1327
  .e-groupcaption {
@@ -1991,6 +1995,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1991
1995
  border-collapse: separate;
1992
1996
  table-layout: fixed;
1993
1997
  width: 100%;
1998
+ border-spacing: 0.25px;
1994
1999
  }
1995
2000
 
1996
2001
  .e-tableborder {
@@ -3142,14 +3147,9 @@ $grid-dropitems-count-margin-left: -8px !default;
3142
3147
 
3143
3148
  span.e-ungroupbutton.e-icons {
3144
3149
  margin-left: $group-unpgrouicon-margin-left;
3145
- margin-top: $grid-group-unpgroupicon-margin-top;
3150
+ margin-top: $group-sorticon-margin-top;
3151
+ padding-top: $grid-group-unpgroupicon-padding-top;
3146
3152
  padding-right: $grid-group-unpgroupicon-padding-right;
3147
- @if $grid-skin == 'bootstrap4' {
3148
- padding-top: 4px;
3149
- }
3150
- @else if $grid-skin == 'tailwind' {
3151
- padding-top: 1px;
3152
- }
3153
3153
  }
3154
3154
 
3155
3155
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/grids/grid/bootstrap.scss CHANGED
@@ -144,7 +144,6 @@ $grid-bigger-group-text-line-height: 32px !default;
144
144
  $grid-bigger-groupcaption-line-height: 32px !default;
145
145
  $grid-bigger-rtl-group-headercell-margin: 3px 8px 0 0 !default;
146
146
  $grid-bigger-rtl-group-headercell-padding: 9px 0 4px 0 !default;
147
- $grid-bigger-rtl-ungroup-icon-margin-top: -4px !default;
148
147
  $grid-bigger-rtl-ungroup-icon-margin-right: -10px !default;
149
148
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
150
149
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -309,7 +308,7 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
309
308
  $grid-indentcell-border-width: 0 1px 0 0 !default;
310
309
  $grid-group-right-arrow-icon-font-size: 10px !default;
311
310
  $grid-group-right-arrow-icon-padding: 12px 9px 12px 10px !default;
312
- $grid-group-unpgroupicon-margin-top: 2px !default;
311
+ $grid-group-unpgroupicon-padding-top: 4px !default;
313
312
  $grid-summary-cell-line-height: 19px !default;
314
313
  $grid-batch-updated-bg-color: #d7f9c7 !default;
315
314
  $grid-val-error-color: #f44336 !default;
@@ -319,7 +318,7 @@ $grid-edit-input-padding-top: 2px !default;
319
318
  $grid-edit-input-margin: 2px !default;
320
319
  $grid-edit-cell-padding: 2px !default;
321
320
  $grid-group-height: 52px !default;
322
- $grid-ungroup-rtl-padding-top: 0 !default;
321
+ $grid-ungroup-rtl-padding-top: 4px !default;
323
322
  $grid-rtl-group-headercell-margin-right: 8px !default;
324
323
  $grid-rtl-group-headercell-margin-left: 0 !default;
325
324
  $grid-fltr-rtl-sortnumber-margin: 9px 0 0 9px !default;
@@ -511,6 +510,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
511
510
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
512
511
  $grouped-bigger-text-font-size: 16px !default;
513
512
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
513
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
514
514
  $grid-bigger-font-size: $grid-font-size !default;
515
515
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
516
516
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -1261,6 +1261,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1261
1261
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1262
1262
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1263
1263
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1264
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1264
1265
  @if $grid-skin == 'fluent' {
1265
1266
  padding: 0 4px;
1266
1267
  }
@@ -1317,9 +1318,12 @@ $grid-dropitems-count-margin-left: -8px !default;
1317
1318
  &.e-rtl span.e-ungroupbutton.e-icons {
1318
1319
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1319
1320
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1320
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1321
- padding-top: $grid-ungroup-rtl-padding-top;
1321
+ margin-top: $grid-bigger-sorticon-margin-top;
1322
1322
  padding-left: $grid-ungroup-rtl-padding-left;
1323
+ @if $grid-skin == 'fluent' {
1324
+ margin-top: 0;
1325
+ padding: 0 4px;
1326
+ }
1323
1327
  }
1324
1328
 
1325
1329
  .e-groupcaption {
@@ -1993,6 +1997,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1993
1997
  border-collapse: separate;
1994
1998
  table-layout: fixed;
1995
1999
  width: 100%;
2000
+ border-spacing: 0.25px;
1996
2001
  }
1997
2002
 
1998
2003
  .e-tableborder {
@@ -3144,14 +3149,9 @@ $grid-dropitems-count-margin-left: -8px !default;
3144
3149
 
3145
3150
  span.e-ungroupbutton.e-icons {
3146
3151
  margin-left: $group-unpgrouicon-margin-left;
3147
- margin-top: $grid-group-unpgroupicon-margin-top;
3152
+ margin-top: $group-sorticon-margin-top;
3153
+ padding-top: $grid-group-unpgroupicon-padding-top;
3148
3154
  padding-right: $grid-group-unpgroupicon-padding-right;
3149
- @if $grid-skin == 'bootstrap4' {
3150
- padding-top: 4px;
3151
- }
3152
- @else if $grid-skin == 'tailwind' {
3153
- padding-top: 1px;
3154
- }
3155
3155
  }
3156
3156
 
3157
3157
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/grids/grid/bootstrap4.scss CHANGED
@@ -142,7 +142,6 @@ $grid-bigger-group-text-line-height: 3px !default;
142
142
  $grid-bigger-groupcaption-line-height: 32px !default;
143
143
  $grid-bigger-rtl-group-headercell-margin: 14px 9px 0 0 !default;
144
144
  $grid-bigger-rtl-group-headercell-padding: 6px 6px 4px 9px !default;
145
- $grid-bigger-rtl-ungroup-icon-margin-top: 3px !default;
146
145
  $grid-bigger-rtl-ungroup-icon-margin-right: -15px !default;
147
146
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
148
147
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -310,7 +309,7 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
310
309
  $grid-indentcell-border-width: 0 1px 0 0 !default;
311
310
  $grid-group-right-arrow-icon-font-size: 10px !default;
312
311
  $grid-group-right-arrow-icon-padding: 12px 9px 12px 10px !default;
313
- $grid-group-unpgroupicon-margin-top: 0 !default;
312
+ $grid-group-unpgroupicon-padding-top: 4px !default;
314
313
  $grid-summary-cell-line-height: 21px !default;
315
314
  $grid-batch-updated-bg-color: #dcfacf !default;
316
315
  $grid-val-error-color: #f44336 !default;
@@ -376,7 +375,7 @@ $group-collapse-icon-text-indent: 11px !default;
376
375
  $grid-bigger-grouparea-font-size: 16px !default;
377
376
  $grid-bigger-grouped-headercell-border-radius: 6px !default;
378
377
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
379
- $grid-bigger-ungroupbutton-icons-font-size: 12px !default;
378
+ $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
380
379
  $grid-bigger-groupcell-span-padding: 8px 4px 10px 12px !default;
381
380
  $grid-device-grouped-headercell-span-padding: 0 4px 0 12px !default;
382
381
  $grid-bigger-ungroupbutton-icon-margin-left: -7px !default;
@@ -516,6 +515,7 @@ $grid-bigger-clone-padding: 2px 12px 1px !default;
516
515
  $grid-bigger-draganddrop-clone-padding: 2px 0 1px !default;
517
516
  $grouped-bigger-text-font-size: 14px !default;
518
517
  $grid-bigger-ungroupbutton-icon-margin-right: 8px !default;
518
+ $grid-bigger-ungroupbutton-icon-padding-top: 8px !default;
519
519
  $grid-bigger-font-size: 16px !default;
520
520
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -20px 0 -18px -54px !default;
521
521
  $grid-bigger-rtl-ungroup-icon-margin-left: -9px !default;
@@ -1265,6 +1265,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1265
1265
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1266
1266
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1267
1267
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1268
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1268
1269
  @if $grid-skin == 'fluent' {
1269
1270
  padding: 0 4px;
1270
1271
  }
@@ -1321,9 +1322,12 @@ $grid-dropitems-count-margin-left: -8px !default;
1321
1322
  &.e-rtl span.e-ungroupbutton.e-icons {
1322
1323
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1323
1324
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1324
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1325
- padding-top: $grid-ungroup-rtl-padding-top;
1325
+ margin-top: $grid-bigger-sorticon-margin-top;
1326
1326
  padding-left: $grid-ungroup-rtl-padding-left;
1327
+ @if $grid-skin == 'fluent' {
1328
+ margin-top: 0;
1329
+ padding: 0 4px;
1330
+ }
1327
1331
  }
1328
1332
 
1329
1333
  .e-groupcaption {
@@ -1997,6 +2001,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1997
2001
  border-collapse: separate;
1998
2002
  table-layout: fixed;
1999
2003
  width: 100%;
2004
+ border-spacing: 0.25px;
2000
2005
  }
2001
2006
 
2002
2007
  .e-tableborder {
@@ -3148,14 +3153,9 @@ $grid-dropitems-count-margin-left: -8px !default;
3148
3153
 
3149
3154
  span.e-ungroupbutton.e-icons {
3150
3155
  margin-left: $group-unpgrouicon-margin-left;
3151
- margin-top: $grid-group-unpgroupicon-margin-top;
3156
+ margin-top: $group-sorticon-margin-top;
3157
+ padding-top: $grid-group-unpgroupicon-padding-top;
3152
3158
  padding-right: $grid-group-unpgroupicon-padding-right;
3153
- @if $grid-skin == 'bootstrap4' {
3154
- padding-top: 4px;
3155
- }
3156
- @else if $grid-skin == 'tailwind' {
3157
- padding-top: 1px;
3158
- }
3159
3159
  }
3160
3160
 
3161
3161
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/grids/grid/bootstrap5-dark.scss CHANGED
@@ -137,7 +137,6 @@ $grid-bigger-group-text-line-height: 24px !default;
137
137
  $grid-bigger-groupcaption-line-height: 20px !default;
138
138
  $grid-bigger-rtl-group-headercell-margin: 8px 8px 0 0 !default;
139
139
  $grid-bigger-rtl-group-headercell-padding: 7px 6px 7px 9px !default;
140
- $grid-bigger-rtl-ungroup-icon-margin-top: 1px !default;
141
140
  $grid-bigger-rtl-ungroup-icon-margin-right: -12px !default;
142
141
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
143
142
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -305,7 +304,7 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
305
304
  $grid-indentcell-border-width: 0 1px 0 0 !default;
306
305
  $grid-group-right-arrow-icon-font-size: $text-sm !default;
307
306
  $grid-group-right-arrow-icon-padding: 11px 7px 12px 8px !default;
308
- $grid-group-unpgroupicon-margin-top: 2px !default;
307
+ $grid-group-unpgroupicon-padding-top: 2px !default;
309
308
  $grid-summary-cell-line-height: 14px !default;
310
309
  $grid-batch-updated-bg-color: $success-light !default;
311
310
  $grid-val-error-color: $danger !default;
@@ -315,7 +314,7 @@ $grid-edit-input-padding-top: 2px !default;
315
314
  $grid-edit-input-margin: 1px !default;
316
315
  $grid-edit-cell-padding: 2px !default;
317
316
  $grid-group-height: 36px !default;
318
- $grid-ungroup-rtl-padding-top: 0 !default;
317
+ $grid-ungroup-rtl-padding-top: 2px !default;
319
318
  $grid-rtl-group-headercell-margin-right: 5px !default;
320
319
  $grid-rtl-group-headercell-margin-left: 0 !default;
321
320
  $grid-fltr-rtl-sortnumber-margin: 1px 0 0 12px !default;
@@ -504,6 +503,7 @@ $grid-bigger-clone-padding: 3px 0 0 8px !default;
504
503
  $grid-bigger-draganddrop-clone-padding: 0 !default;
505
504
  $grouped-bigger-text-font-size: $text-base !default;
506
505
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
506
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
507
507
  $grid-bigger-font-size: $text-base !default;
508
508
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -14px 4px -14px -2px !default;
509
509
  $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
@@ -1259,6 +1259,7 @@ $grid-dropitems-count-margin-left: -4px !default;
1259
1259
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1260
1260
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1261
1261
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1262
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1262
1263
  @if $grid-skin == 'fluent' {
1263
1264
  padding: 0 4px;
1264
1265
  }
@@ -1315,9 +1316,12 @@ $grid-dropitems-count-margin-left: -4px !default;
1315
1316
  &.e-rtl span.e-ungroupbutton.e-icons {
1316
1317
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1317
1318
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1318
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1319
- padding-top: $grid-ungroup-rtl-padding-top;
1319
+ margin-top: $grid-bigger-sorticon-margin-top;
1320
1320
  padding-left: $grid-ungroup-rtl-padding-left;
1321
+ @if $grid-skin == 'fluent' {
1322
+ margin-top: 0;
1323
+ padding: 0 4px;
1324
+ }
1321
1325
  }
1322
1326
 
1323
1327
  .e-groupcaption {
@@ -1991,6 +1995,7 @@ $grid-dropitems-count-margin-left: -4px !default;
1991
1995
  border-collapse: separate;
1992
1996
  table-layout: fixed;
1993
1997
  width: 100%;
1998
+ border-spacing: 0.25px;
1994
1999
  }
1995
2000
 
1996
2001
  .e-tableborder {
@@ -3142,14 +3147,9 @@ $grid-dropitems-count-margin-left: -4px !default;
3142
3147
 
3143
3148
  span.e-ungroupbutton.e-icons {
3144
3149
  margin-left: $group-unpgrouicon-margin-left;
3145
- margin-top: $grid-group-unpgroupicon-margin-top;
3150
+ margin-top: $group-sorticon-margin-top;
3151
+ padding-top: $grid-group-unpgroupicon-padding-top;
3146
3152
  padding-right: $grid-group-unpgroupicon-padding-right;
3147
- @if $grid-skin == 'bootstrap4' {
3148
- padding-top: 4px;
3149
- }
3150
- @else if $grid-skin == 'tailwind' {
3151
- padding-top: 1px;
3152
- }
3153
3153
  }
3154
3154
 
3155
3155
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/grids/grid/bootstrap5.scss CHANGED
@@ -137,7 +137,6 @@ $grid-bigger-group-text-line-height: 24px !default;
137
137
  $grid-bigger-groupcaption-line-height: 20px !default;
138
138
  $grid-bigger-rtl-group-headercell-margin: 8px 8px 0 0 !default;
139
139
  $grid-bigger-rtl-group-headercell-padding: 7px 6px 7px 9px !default;
140
- $grid-bigger-rtl-ungroup-icon-margin-top: 1px !default;
141
140
  $grid-bigger-rtl-ungroup-icon-margin-right: -12px !default;
142
141
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
143
142
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -305,7 +304,7 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
305
304
  $grid-indentcell-border-width: 0 1px 0 0 !default;
306
305
  $grid-group-right-arrow-icon-font-size: $text-sm !default;
307
306
  $grid-group-right-arrow-icon-padding: 11px 7px 12px 8px !default;
308
- $grid-group-unpgroupicon-margin-top: 2px !default;
307
+ $grid-group-unpgroupicon-padding-top: 2px !default;
309
308
  $grid-summary-cell-line-height: 14px !default;
310
309
  $grid-batch-updated-bg-color: $success-light !default;
311
310
  $grid-val-error-color: $danger !default;
@@ -315,7 +314,7 @@ $grid-edit-input-padding-top: 2px !default;
315
314
  $grid-edit-input-margin: 1px !default;
316
315
  $grid-edit-cell-padding: 2px !default;
317
316
  $grid-group-height: 36px !default;
318
- $grid-ungroup-rtl-padding-top: 0 !default;
317
+ $grid-ungroup-rtl-padding-top: 2px !default;
319
318
  $grid-rtl-group-headercell-margin-right: 5px !default;
320
319
  $grid-rtl-group-headercell-margin-left: 0 !default;
321
320
  $grid-fltr-rtl-sortnumber-margin: 1px 0 0 12px !default;
@@ -504,6 +503,7 @@ $grid-bigger-clone-padding: 3px 0 0 8px !default;
504
503
  $grid-bigger-draganddrop-clone-padding: 0 !default;
505
504
  $grouped-bigger-text-font-size: $text-base !default;
506
505
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
506
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
507
507
  $grid-bigger-font-size: $text-base !default;
508
508
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -14px 4px -14px -2px !default;
509
509
  $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
@@ -1259,6 +1259,7 @@ $grid-dropitems-count-margin-left: -4px !default;
1259
1259
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1260
1260
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1261
1261
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1262
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1262
1263
  @if $grid-skin == 'fluent' {
1263
1264
  padding: 0 4px;
1264
1265
  }
@@ -1315,9 +1316,12 @@ $grid-dropitems-count-margin-left: -4px !default;
1315
1316
  &.e-rtl span.e-ungroupbutton.e-icons {
1316
1317
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1317
1318
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1318
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1319
- padding-top: $grid-ungroup-rtl-padding-top;
1319
+ margin-top: $grid-bigger-sorticon-margin-top;
1320
1320
  padding-left: $grid-ungroup-rtl-padding-left;
1321
+ @if $grid-skin == 'fluent' {
1322
+ margin-top: 0;
1323
+ padding: 0 4px;
1324
+ }
1321
1325
  }
1322
1326
 
1323
1327
  .e-groupcaption {
@@ -1991,6 +1995,7 @@ $grid-dropitems-count-margin-left: -4px !default;
1991
1995
  border-collapse: separate;
1992
1996
  table-layout: fixed;
1993
1997
  width: 100%;
1998
+ border-spacing: 0.25px;
1994
1999
  }
1995
2000
 
1996
2001
  .e-tableborder {
@@ -3142,14 +3147,9 @@ $grid-dropitems-count-margin-left: -4px !default;
3142
3147
 
3143
3148
  span.e-ungroupbutton.e-icons {
3144
3149
  margin-left: $group-unpgrouicon-margin-left;
3145
- margin-top: $grid-group-unpgroupicon-margin-top;
3150
+ margin-top: $group-sorticon-margin-top;
3151
+ padding-top: $grid-group-unpgroupicon-padding-top;
3146
3152
  padding-right: $grid-group-unpgroupicon-padding-right;
3147
- @if $grid-skin == 'bootstrap4' {
3148
- padding-top: 4px;
3149
- }
3150
- @else if $grid-skin == 'tailwind' {
3151
- padding-top: 1px;
3152
- }
3153
3153
  }
3154
3154
 
3155
3155
  span.e-ungroupbutton.e-icons:hover {