@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/grids/grid/fabric-dark.scss CHANGED
@@ -52,7 +52,7 @@ $group-droparea-hover-color: $active-font-color !default;
52
52
  $group-header-hover-color: $header-font-color !default;
53
53
  $group-row-bg-stcolor: #ececec !default;
54
54
  $grid-group-clone-text-align: center !default;
55
- $grid-group-unpgroupicon-margin-top: 0 !default;
55
+ $grid-group-unpgroupicon-padding-top: 0 !default;
56
56
  $grid-ungroup-rtl-padding-right: 6px !default;
57
57
  $filter-text-color: $content-font-color !default;
58
58
  $grid-wrap-line-height: 18px !default;
@@ -128,7 +128,6 @@ $grid-bigger-groupedcell-padding: 11px 11px 12px !default;
128
128
  $grid-bigger-group-clone-padding: 6px !default;
129
129
  $grid-bigger-grouptext-width: 76px !default;
130
130
  $grid-bigger-group-text-line-height: 32px !default;
131
- $grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
132
131
  $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
133
132
  $grid-bigger-columnchooser-ul-padding: 0 !default;
134
133
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
@@ -506,6 +505,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
506
505
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
507
506
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;
508
507
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
508
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
509
509
  $grid-bigger-font-size: $grid-font-size !default;
510
510
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
511
511
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -1256,6 +1256,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1256
1256
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1257
1257
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1258
1258
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1259
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1259
1260
  @if $grid-skin == 'fluent' {
1260
1261
  padding: 0 4px;
1261
1262
  }
@@ -1312,9 +1313,12 @@ $grid-dropitems-count-margin-left: -8px !default;
1312
1313
  &.e-rtl span.e-ungroupbutton.e-icons {
1313
1314
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1314
1315
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1315
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1316
- padding-top: $grid-ungroup-rtl-padding-top;
1316
+ margin-top: $grid-bigger-sorticon-margin-top;
1317
1317
  padding-left: $grid-ungroup-rtl-padding-left;
1318
+ @if $grid-skin == 'fluent' {
1319
+ margin-top: 0;
1320
+ padding: 0 4px;
1321
+ }
1318
1322
  }
1319
1323
 
1320
1324
  .e-groupcaption {
@@ -1988,6 +1992,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1988
1992
  border-collapse: separate;
1989
1993
  table-layout: fixed;
1990
1994
  width: 100%;
1995
+ border-spacing: 0.25px;
1991
1996
  }
1992
1997
 
1993
1998
  .e-tableborder {
@@ -3139,14 +3144,9 @@ $grid-dropitems-count-margin-left: -8px !default;
3139
3144
 
3140
3145
  span.e-ungroupbutton.e-icons {
3141
3146
  margin-left: $group-unpgrouicon-margin-left;
3142
- margin-top: $grid-group-unpgroupicon-margin-top;
3147
+ margin-top: $group-sorticon-margin-top;
3148
+ padding-top: $grid-group-unpgroupicon-padding-top;
3143
3149
  padding-right: $grid-group-unpgroupicon-padding-right;
3144
- @if $grid-skin == 'bootstrap4' {
3145
- padding-top: 4px;
3146
- }
3147
- @else if $grid-skin == 'tailwind' {
3148
- padding-top: 1px;
3149
- }
3150
3150
  }
3151
3151
 
3152
3152
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/grids/grid/fabric.scss CHANGED
@@ -55,7 +55,7 @@ $group-droparea-hover-color: $active-font-color !default;
55
55
  $group-header-hover-color: $header-font-color !default;
56
56
  $group-row-bg-stcolor: #ececec !default;
57
57
  $grid-group-clone-text-align: center !default;
58
- $grid-group-unpgroupicon-margin-top: 0 !default;
58
+ $grid-group-unpgroupicon-padding-top: 0 !default;
59
59
  $grid-ungroup-rtl-padding-right: 6px !default;
60
60
  $filter-text-color: $content-font-color !default;
61
61
  $grid-wrap-line-height: 18px !default;
@@ -132,7 +132,6 @@ $grid-bigger-groupedcell-padding: 11px 11px 12px !default;
132
132
  $grid-bigger-group-clone-padding: 6px !default;
133
133
  $grid-bigger-grouptext-width: 76px !default;
134
134
  $grid-bigger-group-text-line-height: 32px !default;
135
- $grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
136
135
  $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
137
136
  $grid-bigger-columnchooser-ul-padding: 0 !default;
138
137
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
@@ -506,6 +505,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
506
505
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
507
506
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;
508
507
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
508
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
509
509
  $grid-bigger-font-size: $grid-font-size !default;
510
510
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
511
511
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -1256,6 +1256,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1256
1256
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1257
1257
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1258
1258
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1259
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1259
1260
  @if $grid-skin == 'fluent' {
1260
1261
  padding: 0 4px;
1261
1262
  }
@@ -1312,9 +1313,12 @@ $grid-dropitems-count-margin-left: -8px !default;
1312
1313
  &.e-rtl span.e-ungroupbutton.e-icons {
1313
1314
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1314
1315
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1315
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1316
- padding-top: $grid-ungroup-rtl-padding-top;
1316
+ margin-top: $grid-bigger-sorticon-margin-top;
1317
1317
  padding-left: $grid-ungroup-rtl-padding-left;
1318
+ @if $grid-skin == 'fluent' {
1319
+ margin-top: 0;
1320
+ padding: 0 4px;
1321
+ }
1318
1322
  }
1319
1323
 
1320
1324
  .e-groupcaption {
@@ -1988,6 +1992,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1988
1992
  border-collapse: separate;
1989
1993
  table-layout: fixed;
1990
1994
  width: 100%;
1995
+ border-spacing: 0.25px;
1991
1996
  }
1992
1997
 
1993
1998
  .e-tableborder {
@@ -3139,14 +3144,9 @@ $grid-dropitems-count-margin-left: -8px !default;
3139
3144
 
3140
3145
  span.e-ungroupbutton.e-icons {
3141
3146
  margin-left: $group-unpgrouicon-margin-left;
3142
- margin-top: $grid-group-unpgroupicon-margin-top;
3147
+ margin-top: $group-sorticon-margin-top;
3148
+ padding-top: $grid-group-unpgroupicon-padding-top;
3143
3149
  padding-right: $grid-group-unpgroupicon-padding-right;
3144
- @if $grid-skin == 'bootstrap4' {
3145
- padding-top: 4px;
3146
- }
3147
- @else if $grid-skin == 'tailwind' {
3148
- padding-top: 1px;
3149
- }
3150
3150
  }
3151
3151
 
3152
3152
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/grids/grid/fluent-dark.scss CHANGED
@@ -192,7 +192,6 @@ $grid-bigger-group-text-line-height: .2em !default;
192
192
  $grid-bigger-groupcaption-line-height: 16px !default;
193
193
  $grid-bigger-rtl-group-headercell-margin: 6px 8px 6px 0 !default;
194
194
  $grid-bigger-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
195
- $grid-bigger-rtl-ungroup-icon-margin-top: -4px !default;
196
195
  $grid-bigger-rtl-ungroup-icon-margin-right: -6px !default;
197
196
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
198
197
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -332,14 +331,14 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
332
331
  $grid-indentcell-border-width: 0 1px 0 0 !default;
333
332
  $grid-group-right-arrow-icon-font-size: $text-base !default;
334
333
  $grid-group-right-arrow-icon-padding: 8px 7px 11px 7px !default;
335
- $grid-group-unpgroupicon-margin-top: 1px !default;
334
+ $grid-group-unpgroupicon-padding-top: 8px !default;
336
335
  $grid-summary-cell-line-height: 14px !default;
337
336
  $grid-edit-input-padding-bottom: 1px !default;
338
337
  $grid-edit-input-padding-top: 2px !default;
339
338
  $grid-edit-input-margin: 2px !default;
340
339
  $grid-edit-cell-padding: 2px !default;
341
340
  $grid-group-height: 44px !default;
342
- $grid-ungroup-rtl-padding-top: 4px !default;
341
+ $grid-ungroup-rtl-padding-top: 8px !default;
343
342
  $grid-rtl-group-headercell-margin-right: 4px !default;
344
343
  $grid-rtl-group-headercell-margin-left: 0 !default;
345
344
  $grid-fltr-rtl-sortnumber-margin: 2px 0 0 15px !default;
@@ -511,6 +510,7 @@ $grid-bigger-clone-padding: 3px 0 0 8px !default;
511
510
  $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
512
511
  $grouped-bigger-text-font-size: $text-base !default;
513
512
  $grid-bigger-ungroupbutton-icon-margin-right: 4px !default;
513
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
514
514
  $grid-bigger-font-size: $text-base !default;
515
515
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -23px 0 -18px -42px !default;
516
516
  $grid-bigger-rtl-ungroup-icon-margin-left: -9px !default;
@@ -1251,6 +1251,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1251
1251
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1252
1252
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1253
1253
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1254
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1254
1255
  @if $grid-skin == 'fluent' {
1255
1256
  padding: 0 4px;
1256
1257
  }
@@ -1307,9 +1308,12 @@ $grid-dropitems-count-margin-left: -8px !default;
1307
1308
  &.e-rtl span.e-ungroupbutton.e-icons {
1308
1309
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1309
1310
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1310
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1311
- padding-top: $grid-ungroup-rtl-padding-top;
1311
+ margin-top: $grid-bigger-sorticon-margin-top;
1312
1312
  padding-left: $grid-ungroup-rtl-padding-left;
1313
+ @if $grid-skin == 'fluent' {
1314
+ margin-top: 0;
1315
+ padding: 0 4px;
1316
+ }
1313
1317
  }
1314
1318
 
1315
1319
  .e-groupcaption {
@@ -1983,6 +1987,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1983
1987
  border-collapse: separate;
1984
1988
  table-layout: fixed;
1985
1989
  width: 100%;
1990
+ border-spacing: 0.25px;
1986
1991
  }
1987
1992
 
1988
1993
  .e-tableborder {
@@ -3134,14 +3139,9 @@ $grid-dropitems-count-margin-left: -8px !default;
3134
3139
 
3135
3140
  span.e-ungroupbutton.e-icons {
3136
3141
  margin-left: $group-unpgrouicon-margin-left;
3137
- margin-top: $grid-group-unpgroupicon-margin-top;
3142
+ margin-top: $group-sorticon-margin-top;
3143
+ padding-top: $grid-group-unpgroupicon-padding-top;
3138
3144
  padding-right: $grid-group-unpgroupicon-padding-right;
3139
- @if $grid-skin == 'bootstrap4' {
3140
- padding-top: 4px;
3141
- }
3142
- @else if $grid-skin == 'tailwind' {
3143
- padding-top: 1px;
3144
- }
3145
3145
  }
3146
3146
 
3147
3147
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/grids/grid/fluent.scss CHANGED
@@ -192,7 +192,6 @@ $grid-bigger-group-text-line-height: .2em !default;
192
192
  $grid-bigger-groupcaption-line-height: 16px !default;
193
193
  $grid-bigger-rtl-group-headercell-margin: 6px 8px 6px 0 !default;
194
194
  $grid-bigger-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
195
- $grid-bigger-rtl-ungroup-icon-margin-top: -4px !default;
196
195
  $grid-bigger-rtl-ungroup-icon-margin-right: -6px !default;
197
196
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
198
197
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -332,14 +331,14 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
332
331
  $grid-indentcell-border-width: 0 1px 0 0 !default;
333
332
  $grid-group-right-arrow-icon-font-size: $text-base !default;
334
333
  $grid-group-right-arrow-icon-padding: 8px 7px 11px 7px !default;
335
- $grid-group-unpgroupicon-margin-top: 1px !default;
334
+ $grid-group-unpgroupicon-padding-top: 8px !default;
336
335
  $grid-summary-cell-line-height: 14px !default;
337
336
  $grid-edit-input-padding-bottom: 1px !default;
338
337
  $grid-edit-input-padding-top: 2px !default;
339
338
  $grid-edit-input-margin: 2px !default;
340
339
  $grid-edit-cell-padding: 2px !default;
341
340
  $grid-group-height: 44px !default;
342
- $grid-ungroup-rtl-padding-top: 4px !default;
341
+ $grid-ungroup-rtl-padding-top: 8px !default;
343
342
  $grid-rtl-group-headercell-margin-right: 4px !default;
344
343
  $grid-rtl-group-headercell-margin-left: 0 !default;
345
344
  $grid-fltr-rtl-sortnumber-margin: 2px 0 0 15px !default;
@@ -511,6 +510,7 @@ $grid-bigger-clone-padding: 3px 0 0 8px !default;
511
510
  $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
512
511
  $grouped-bigger-text-font-size: $text-base !default;
513
512
  $grid-bigger-ungroupbutton-icon-margin-right: 4px !default;
513
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
514
514
  $grid-bigger-font-size: $text-base !default;
515
515
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -23px 0 -18px -42px !default;
516
516
  $grid-bigger-rtl-ungroup-icon-margin-left: -9px !default;
@@ -1251,6 +1251,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1251
1251
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1252
1252
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1253
1253
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1254
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1254
1255
  @if $grid-skin == 'fluent' {
1255
1256
  padding: 0 4px;
1256
1257
  }
@@ -1307,9 +1308,12 @@ $grid-dropitems-count-margin-left: -8px !default;
1307
1308
  &.e-rtl span.e-ungroupbutton.e-icons {
1308
1309
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1309
1310
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1310
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1311
- padding-top: $grid-ungroup-rtl-padding-top;
1311
+ margin-top: $grid-bigger-sorticon-margin-top;
1312
1312
  padding-left: $grid-ungroup-rtl-padding-left;
1313
+ @if $grid-skin == 'fluent' {
1314
+ margin-top: 0;
1315
+ padding: 0 4px;
1316
+ }
1313
1317
  }
1314
1318
 
1315
1319
  .e-groupcaption {
@@ -1983,6 +1987,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1983
1987
  border-collapse: separate;
1984
1988
  table-layout: fixed;
1985
1989
  width: 100%;
1990
+ border-spacing: 0.25px;
1986
1991
  }
1987
1992
 
1988
1993
  .e-tableborder {
@@ -3134,14 +3139,9 @@ $grid-dropitems-count-margin-left: -8px !default;
3134
3139
 
3135
3140
  span.e-ungroupbutton.e-icons {
3136
3141
  margin-left: $group-unpgrouicon-margin-left;
3137
- margin-top: $grid-group-unpgroupicon-margin-top;
3142
+ margin-top: $group-sorticon-margin-top;
3143
+ padding-top: $grid-group-unpgroupicon-padding-top;
3138
3144
  padding-right: $grid-group-unpgroupicon-padding-right;
3139
- @if $grid-skin == 'bootstrap4' {
3140
- padding-top: 4px;
3141
- }
3142
- @else if $grid-skin == 'tailwind' {
3143
- padding-top: 1px;
3144
- }
3145
3145
  }
3146
3146
 
3147
3147
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/grids/grid/highcontrast.scss CHANGED
@@ -51,7 +51,7 @@ $group-droparea-hover-color: $active-font-color !default;
51
51
  $group-header-hover-color: $header-font-color !default;
52
52
  $group-row-bg-stcolor: #ececec !default;
53
53
  $grid-group-clone-text-align: center !default;
54
- $grid-group-unpgroupicon-margin-top: 0 !default;
54
+ $grid-group-unpgroupicon-padding-top: 0 !default;
55
55
  $grid-ungroup-rtl-padding-right: 6px !default;
56
56
  $filter-text-color: $content-font-color !default;
57
57
  $grid-wrap-line-height: 18px !default;
@@ -132,7 +132,6 @@ $grid-bigger-groupdroparea-padding: 22px 24px !default;
132
132
  $grid-bigger-groupedcell-padding: 11px 11px 12px !default;
133
133
  $grid-bigger-group-clone-padding: 6px !default;
134
134
  $grid-bigger-grouptext-width: 76px !default;
135
- $grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
136
135
  $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
137
136
  $grid-bigger-columnchooser-ul-padding: 0 !default;
138
137
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
@@ -506,6 +505,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
506
505
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
507
506
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;
508
507
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
508
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
509
509
  $grid-bigger-font-size: $grid-font-size !default;
510
510
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
511
511
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -1256,6 +1256,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1256
1256
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1257
1257
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1258
1258
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1259
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1259
1260
  @if $grid-skin == 'fluent' {
1260
1261
  padding: 0 4px;
1261
1262
  }
@@ -1312,9 +1313,12 @@ $grid-dropitems-count-margin-left: -8px !default;
1312
1313
  &.e-rtl span.e-ungroupbutton.e-icons {
1313
1314
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1314
1315
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1315
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1316
- padding-top: $grid-ungroup-rtl-padding-top;
1316
+ margin-top: $grid-bigger-sorticon-margin-top;
1317
1317
  padding-left: $grid-ungroup-rtl-padding-left;
1318
+ @if $grid-skin == 'fluent' {
1319
+ margin-top: 0;
1320
+ padding: 0 4px;
1321
+ }
1318
1322
  }
1319
1323
 
1320
1324
  .e-groupcaption {
@@ -1988,6 +1992,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1988
1992
  border-collapse: separate;
1989
1993
  table-layout: fixed;
1990
1994
  width: 100%;
1995
+ border-spacing: 0.25px;
1991
1996
  }
1992
1997
 
1993
1998
  .e-tableborder {
@@ -3139,14 +3144,9 @@ $grid-dropitems-count-margin-left: -8px !default;
3139
3144
 
3140
3145
  span.e-ungroupbutton.e-icons {
3141
3146
  margin-left: $group-unpgrouicon-margin-left;
3142
- margin-top: $grid-group-unpgroupicon-margin-top;
3147
+ margin-top: $group-sorticon-margin-top;
3148
+ padding-top: $grid-group-unpgroupicon-padding-top;
3143
3149
  padding-right: $grid-group-unpgroupicon-padding-right;
3144
- @if $grid-skin == 'bootstrap4' {
3145
- padding-top: 4px;
3146
- }
3147
- @else if $grid-skin == 'tailwind' {
3148
- padding-top: 1px;
3149
- }
3150
3150
  }
3151
3151
 
3152
3152
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/grids/grid/material-dark.scss CHANGED
@@ -58,7 +58,7 @@ $grid-group-down-arrow-icon-padding: 14px 9px 12px 9px !default;
58
58
  $grid-group-right-arrow-icon-font-size: 10px !default;
59
59
  $grid-group-right-arrow-icon-padding: 14px 9px 14px 10px !default;
60
60
  $grid-group-clone-text-align: center !default;
61
- $grid-group-unpgroupicon-margin-top: 0 !default;
61
+ $grid-group-unpgroupicon-padding-top: 0 !default;
62
62
  $grid-ungroup-rtl-padding-right: 6px !default;
63
63
  $filter-text-color: $content-font-color !default;
64
64
  $grid-wrap-line-height: 3px !default;
@@ -177,7 +177,6 @@ $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
177
177
  $grid-bigger-groupcaption-line-height: 32px !default;
178
178
  $grid-bigger-grouparea-font-size: 19px !default;
179
179
  $grid-bigger-rtl-group-headercell-margin: 3px 24px 0 0 !default;
180
- $grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
181
180
  $grid-bigger-rtl-ungroup-icon-margin-right: 6px !default;
182
181
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
183
182
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -505,6 +504,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
505
504
  $grid-bigger-draganddrop-clone-padding: 0 !default;
506
505
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;
507
506
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
507
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
508
508
  $grid-bigger-font-size: $grid-font-size !default;
509
509
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
510
510
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -1257,6 +1257,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1257
1257
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1258
1258
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1259
1259
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1260
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1260
1261
  @if $grid-skin == 'fluent' {
1261
1262
  padding: 0 4px;
1262
1263
  }
@@ -1313,9 +1314,12 @@ $grid-dropitems-count-margin-left: -8px !default;
1313
1314
  &.e-rtl span.e-ungroupbutton.e-icons {
1314
1315
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1315
1316
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1316
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1317
- padding-top: $grid-ungroup-rtl-padding-top;
1317
+ margin-top: $grid-bigger-sorticon-margin-top;
1318
1318
  padding-left: $grid-ungroup-rtl-padding-left;
1319
+ @if $grid-skin == 'fluent' {
1320
+ margin-top: 0;
1321
+ padding: 0 4px;
1322
+ }
1319
1323
  }
1320
1324
 
1321
1325
  .e-groupcaption {
@@ -1989,6 +1993,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1989
1993
  border-collapse: separate;
1990
1994
  table-layout: fixed;
1991
1995
  width: 100%;
1996
+ border-spacing: 0.25px;
1992
1997
  }
1993
1998
 
1994
1999
  .e-tableborder {
@@ -3140,14 +3145,9 @@ $grid-dropitems-count-margin-left: -8px !default;
3140
3145
 
3141
3146
  span.e-ungroupbutton.e-icons {
3142
3147
  margin-left: $group-unpgrouicon-margin-left;
3143
- margin-top: $grid-group-unpgroupicon-margin-top;
3148
+ margin-top: $group-sorticon-margin-top;
3149
+ padding-top: $grid-group-unpgroupicon-padding-top;
3144
3150
  padding-right: $grid-group-unpgroupicon-padding-right;
3145
- @if $grid-skin == 'bootstrap4' {
3146
- padding-top: 4px;
3147
- }
3148
- @else if $grid-skin == 'tailwind' {
3149
- padding-top: 1px;
3150
- }
3151
3151
  }
3152
3152
 
3153
3153
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/grids/grid/material.scss CHANGED
@@ -62,7 +62,7 @@ $grid-group-down-arrow-icon-padding: 14px 9px 12px 9px !default;
62
62
  $grid-group-right-arrow-icon-font-size: 10px !default;
63
63
  $grid-group-right-arrow-icon-padding: 14px 9px 14px 10px !default;
64
64
  $grid-group-clone-text-align: center !default;
65
- $grid-group-unpgroupicon-margin-top: 0 !default;
65
+ $grid-group-unpgroupicon-padding-top: 0 !default;
66
66
  $grid-ungroup-rtl-padding-right: 6px !default;
67
67
  $filter-text-color: $content-font-color !default;
68
68
  $grid-wrap-line-height: 3px !default;
@@ -182,7 +182,6 @@ $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
182
182
  $grid-bigger-groupcaption-line-height: 32px !default;
183
183
  $grid-bigger-grouparea-font-size: 19px !default;
184
184
  $grid-bigger-rtl-group-headercell-margin: 3px 24px 0 0 !default;
185
- $grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
186
185
  $grid-bigger-rtl-ungroup-icon-margin-right: 6px !default;
187
186
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
188
187
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -504,6 +503,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
504
503
  $grid-bigger-draganddrop-clone-padding: 0 !default;
505
504
  $grouped-bigger-text-font-size: $grouped-text-font-size !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: $grid-font-size !default;
508
508
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
509
509
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -1255,6 +1255,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1255
1255
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1256
1256
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1257
1257
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1258
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1258
1259
  @if $grid-skin == 'fluent' {
1259
1260
  padding: 0 4px;
1260
1261
  }
@@ -1311,9 +1312,12 @@ $grid-dropitems-count-margin-left: -8px !default;
1311
1312
  &.e-rtl span.e-ungroupbutton.e-icons {
1312
1313
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1313
1314
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1314
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1315
- padding-top: $grid-ungroup-rtl-padding-top;
1315
+ margin-top: $grid-bigger-sorticon-margin-top;
1316
1316
  padding-left: $grid-ungroup-rtl-padding-left;
1317
+ @if $grid-skin == 'fluent' {
1318
+ margin-top: 0;
1319
+ padding: 0 4px;
1320
+ }
1317
1321
  }
1318
1322
 
1319
1323
  .e-groupcaption {
@@ -1987,6 +1991,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1987
1991
  border-collapse: separate;
1988
1992
  table-layout: fixed;
1989
1993
  width: 100%;
1994
+ border-spacing: 0.25px;
1990
1995
  }
1991
1996
 
1992
1997
  .e-tableborder {
@@ -3138,14 +3143,9 @@ $grid-dropitems-count-margin-left: -8px !default;
3138
3143
 
3139
3144
  span.e-ungroupbutton.e-icons {
3140
3145
  margin-left: $group-unpgrouicon-margin-left;
3141
- margin-top: $grid-group-unpgroupicon-margin-top;
3146
+ margin-top: $group-sorticon-margin-top;
3147
+ padding-top: $grid-group-unpgroupicon-padding-top;
3142
3148
  padding-right: $grid-group-unpgroupicon-padding-right;
3143
- @if $grid-skin == 'bootstrap4' {
3144
- padding-top: 4px;
3145
- }
3146
- @else if $grid-skin == 'tailwind' {
3147
- padding-top: 1px;
3148
- }
3149
3149
  }
3150
3150
 
3151
3151
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/grids/grid/tailwind-dark.scss CHANGED
@@ -140,7 +140,6 @@ $grid-bigger-group-text-line-height: 22px !default;
140
140
  $grid-bigger-groupcaption-line-height: 32px !default;
141
141
  $grid-bigger-rtl-group-headercell-margin: 5px 0 0 6px !default;
142
142
  $grid-bigger-rtl-group-headercell-padding: 6px 8px 6px 8px !default;
143
- $grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
144
143
  $grid-bigger-rtl-ungroup-icon-margin-right: 0 !default;
145
144
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
146
145
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -308,7 +307,7 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
308
307
  $grid-indentcell-border-width: 0 1px 0 0 !default;
309
308
  $grid-group-right-arrow-icon-font-size: $text-sm !default;
310
309
  $grid-group-right-arrow-icon-padding: 10px 8px 12px 8px !default;
311
- $grid-group-unpgroupicon-margin-top: 1px !default;
310
+ $grid-group-unpgroupicon-padding-top: 4px !default;
312
311
  $grid-summary-cell-line-height: 18px !default;
313
312
  $grid-batch-updated-bg-color: $success-light !default;
314
313
  $grid-val-error-color: $danger !default;
@@ -318,7 +317,7 @@ $grid-edit-input-padding-top: 2px !default;
318
317
  $grid-edit-input-margin: 2px !default;
319
318
  $grid-edit-cell-padding: 2px !default;
320
319
  $grid-group-height: 39px !default;
321
- $grid-ungroup-rtl-padding-top: 1px !default;
320
+ $grid-ungroup-rtl-padding-top: 4px !default;
322
321
  $grid-rtl-group-headercell-margin-right: 0 !default;
323
322
  $grid-rtl-group-headercell-margin-left: 4px !default;
324
323
  $grid-fltr-rtl-sortnumber-margin: 0 4px 0 32px !default;
@@ -511,6 +510,7 @@ $grid-bigger-clone-padding: 3px 0 0 8px !default;
511
510
  $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
512
511
  $grouped-bigger-text-font-size: $text-base !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: $text-base !default;
515
515
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -15px 6px -15px -3px !default;
516
516
  $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
@@ -1266,6 +1266,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1266
1266
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1267
1267
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1268
1268
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1269
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1269
1270
  @if $grid-skin == 'fluent' {
1270
1271
  padding: 0 4px;
1271
1272
  }
@@ -1322,9 +1323,12 @@ $grid-dropitems-count-margin-left: -8px !default;
1322
1323
  &.e-rtl span.e-ungroupbutton.e-icons {
1323
1324
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1324
1325
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1325
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1326
- padding-top: $grid-ungroup-rtl-padding-top;
1326
+ margin-top: $grid-bigger-sorticon-margin-top;
1327
1327
  padding-left: $grid-ungroup-rtl-padding-left;
1328
+ @if $grid-skin == 'fluent' {
1329
+ margin-top: 0;
1330
+ padding: 0 4px;
1331
+ }
1328
1332
  }
1329
1333
 
1330
1334
  .e-groupcaption {
@@ -1998,6 +2002,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1998
2002
  border-collapse: separate;
1999
2003
  table-layout: fixed;
2000
2004
  width: 100%;
2005
+ border-spacing: 0.25px;
2001
2006
  }
2002
2007
 
2003
2008
  .e-tableborder {
@@ -3149,14 +3154,9 @@ $grid-dropitems-count-margin-left: -8px !default;
3149
3154
 
3150
3155
  span.e-ungroupbutton.e-icons {
3151
3156
  margin-left: $group-unpgrouicon-margin-left;
3152
- margin-top: $grid-group-unpgroupicon-margin-top;
3157
+ margin-top: $group-sorticon-margin-top;
3158
+ padding-top: $grid-group-unpgroupicon-padding-top;
3153
3159
  padding-right: $grid-group-unpgroupicon-padding-right;
3154
- @if $grid-skin == 'bootstrap4' {
3155
- padding-top: 4px;
3156
- }
3157
- @else if $grid-skin == 'tailwind' {
3158
- padding-top: 1px;
3159
- }
3160
3160
  }
3161
3161
 
3162
3162
  span.e-ungroupbutton.e-icons:hover {
package/SCSS-Themes/grids/grid/tailwind.scss CHANGED
@@ -140,7 +140,6 @@ $grid-bigger-group-text-line-height: 22px !default;
140
140
  $grid-bigger-groupcaption-line-height: 32px !default;
141
141
  $grid-bigger-rtl-group-headercell-margin: 5px 0 0 6px !default;
142
142
  $grid-bigger-rtl-group-headercell-padding: 6px 8px 6px 8px !default;
143
- $grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
144
143
  $grid-bigger-rtl-ungroup-icon-margin-right: 0 !default;
145
144
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
146
145
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -308,7 +307,7 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
308
307
  $grid-indentcell-border-width: 0 1px 0 0 !default;
309
308
  $grid-group-right-arrow-icon-font-size: $text-sm !default;
310
309
  $grid-group-right-arrow-icon-padding: 10px 8px 12px 8px !default;
311
- $grid-group-unpgroupicon-margin-top: 1px !default;
310
+ $grid-group-unpgroupicon-padding-top: 4px !default;
312
311
  $grid-summary-cell-line-height: 18px !default;
313
312
  $grid-batch-updated-bg-color: $success-light !default;
314
313
  $grid-val-error-color: $danger !default;
@@ -318,7 +317,7 @@ $grid-edit-input-padding-top: 2px !default;
318
317
  $grid-edit-input-margin: 2px !default;
319
318
  $grid-edit-cell-padding: 2px !default;
320
319
  $grid-group-height: 39px !default;
321
- $grid-ungroup-rtl-padding-top: 1px !default;
320
+ $grid-ungroup-rtl-padding-top: 4px !default;
322
321
  $grid-rtl-group-headercell-margin-right: 0 !default;
323
322
  $grid-rtl-group-headercell-margin-left: 4px !default;
324
323
  $grid-fltr-rtl-sortnumber-margin: 0 4px 0 32px !default;
@@ -511,6 +510,7 @@ $grid-bigger-clone-padding: 3px 0 0 8px !default;
511
510
  $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
512
511
  $grouped-bigger-text-font-size: $text-base !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: $text-base !default;
515
515
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -15px 6px -15px -3px !default;
516
516
  $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
@@ -1266,6 +1266,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1266
1266
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
1267
1267
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
1268
1268
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
1269
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
1269
1270
  @if $grid-skin == 'fluent' {
1270
1271
  padding: 0 4px;
1271
1272
  }
@@ -1322,9 +1323,12 @@ $grid-dropitems-count-margin-left: -8px !default;
1322
1323
  &.e-rtl span.e-ungroupbutton.e-icons {
1323
1324
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1324
1325
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
1325
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
1326
- padding-top: $grid-ungroup-rtl-padding-top;
1326
+ margin-top: $grid-bigger-sorticon-margin-top;
1327
1327
  padding-left: $grid-ungroup-rtl-padding-left;
1328
+ @if $grid-skin == 'fluent' {
1329
+ margin-top: 0;
1330
+ padding: 0 4px;
1331
+ }
1328
1332
  }
1329
1333
 
1330
1334
  .e-groupcaption {
@@ -1998,6 +2002,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1998
2002
  border-collapse: separate;
1999
2003
  table-layout: fixed;
2000
2004
  width: 100%;
2005
+ border-spacing: 0.25px;
2001
2006
  }
2002
2007
 
2003
2008
  .e-tableborder {
@@ -3149,14 +3154,9 @@ $grid-dropitems-count-margin-left: -8px !default;
3149
3154
 
3150
3155
  span.e-ungroupbutton.e-icons {
3151
3156
  margin-left: $group-unpgrouicon-margin-left;
3152
- margin-top: $grid-group-unpgroupicon-margin-top;
3157
+ margin-top: $group-sorticon-margin-top;
3158
+ padding-top: $grid-group-unpgroupicon-padding-top;
3153
3159
  padding-right: $grid-group-unpgroupicon-padding-right;
3154
- @if $grid-skin == 'bootstrap4' {
3155
- padding-top: 4px;
3156
- }
3157
- @else if $grid-skin == 'tailwind' {
3158
- padding-top: 1px;
3159
- }
3160
3160
  }
3161
3161
 
3162
3162
  span.e-ungroupbutton.e-icons:hover {