@syncfusion/blazor-themes 21.2.3 → 21.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +25 -1
  2. package/SCSS-Themes/bootstrap.scss +25 -1
  3. package/SCSS-Themes/bootstrap4.scss +26 -2
  4. package/SCSS-Themes/bootstrap5-dark.scss +25 -1
  5. package/SCSS-Themes/bootstrap5.scss +25 -1
  6. package/SCSS-Themes/fabric-dark.scss +25 -1
  7. package/SCSS-Themes/fabric.scss +25 -1
  8. package/SCSS-Themes/fluent-dark.scss +26 -2
  9. package/SCSS-Themes/fluent.scss +26 -2
  10. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +25 -0
  11. package/SCSS-Themes/grids/grid/bootstrap.scss +25 -0
  12. package/SCSS-Themes/grids/grid/bootstrap4.scss +26 -1
  13. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +25 -0
  14. package/SCSS-Themes/grids/grid/bootstrap5.scss +25 -0
  15. package/SCSS-Themes/grids/grid/fabric-dark.scss +25 -0
  16. package/SCSS-Themes/grids/grid/fabric.scss +25 -0
  17. package/SCSS-Themes/grids/grid/fluent-dark.scss +25 -0
  18. package/SCSS-Themes/grids/grid/fluent.scss +25 -0
  19. package/SCSS-Themes/grids/grid/highcontrast.scss +25 -0
  20. package/SCSS-Themes/grids/grid/material-dark.scss +25 -0
  21. package/SCSS-Themes/grids/grid/material.scss +25 -0
  22. package/SCSS-Themes/grids/grid/tailwind-dark.scss +25 -0
  23. package/SCSS-Themes/grids/grid/tailwind.scss +25 -0
  24. package/SCSS-Themes/highcontrast.scss +25 -1
  25. package/SCSS-Themes/material-dark.scss +26 -2
  26. package/SCSS-Themes/material.scss +26 -2
  27. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +0 -1
  28. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +0 -1
  29. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +0 -1
  30. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +0 -1
  31. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +0 -1
  32. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +0 -1
  33. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +0 -1
  34. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +1 -2
  35. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +1 -2
  36. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +0 -1
  37. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +1 -2
  38. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +1 -2
  39. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +0 -1
  40. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +0 -1
  41. package/SCSS-Themes/tailwind-dark.scss +25 -1
  42. package/SCSS-Themes/tailwind.scss +25 -1
  43. package/package.json +1 -1
package/SCSS-Themes/bootstrap-dark.scss CHANGED
@@ -72332,10 +72332,12 @@ $grid-bigger-headercell-font-size: 15px !default;
72332
72332
  $grid-bigger-content-font-size: 14px !default;
72333
72333
  $grid-filterbar-border-radius: 4px !default;
72334
72334
  $grid-bigger-sorticon-margin-top: -4px !default;
72335
+ $grid-device-group-sorticon-margin-top: -1px !default;
72335
72336
  $grid-header-border-width: 0 !default;
72336
72337
  $grid-bigger-groupedcell-padding: 5px 0 8px !default;
72337
72338
  $grid-bigger-group-headercell-margin: 4px 0 0 10px !default;
72338
72339
  $grid-bigger-group-headercell-padding: 9px 0 !default;
72340
+ $grid-device-group-headercell-padding: 9px 0 !default;
72339
72341
  $grid-bigger-grouptext-marign: 0 !default;
72340
72342
  $grid-bigger-headercell-padding: 8px !default;
72341
72343
  $grid-bigger-icons-font-size: 14px !default;
@@ -72345,8 +72347,10 @@ $grid-bigger-grouped-headercell-border-radius: 6px !default;
72345
72347
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
72346
72348
  $grid-bigger-ungroupbutton-icons-font-size: 14px !default;
72347
72349
  $grid-bigger-groupcell-span-padding: 0 8px !default;
72350
+ $grid-device-grouped-headercell-span-padding: 0 8px !default;
72348
72351
  $grid-bigger-ungroupbutton-icon-margin-left: -7px !default;
72349
72352
  $grid-bigger-ungroupbutton-icon-margin-top: -3px !default;
72353
+ $grid-device-ungroupbutton-icon-margin-top: -3px !default;
72350
72354
  $grid-bigger-groupcell-span-line-height: 37px !default;
72351
72355
  $grid-bigger-gdownarrow-icon-font-size: 14px !default;
72352
72356
  $grid-gd-clone-border-radius: 4px !default;
@@ -72588,6 +72592,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
72588
72592
  $grid-cc-margin-top: 2px !default;
72589
72593
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
72590
72594
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72595
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
72591
72596
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72592
72597
  $grid-ungroup-rtl-padding-left: 8px !default;
72593
72598
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
@@ -73095,6 +73100,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73095
73100
  font-size: $grouped-bigger-text-font-size;
73096
73101
  }
73097
73102
 
73103
+ &.e-device .e-groupheadercell {
73104
+ padding: $grid-device-group-headercell-padding;
73105
+ }
73106
+
73098
73107
  .e-groupheadercell:hover {
73099
73108
  padding: $grid-bigger-group-headercell-hover-padding;
73100
73109
  }
@@ -73151,6 +73160,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73151
73160
 
73152
73161
  &.e-device .e-groupheadercell span {
73153
73162
  line-height: $grid-device-groupheadercell-span-line-height;
73163
+ padding: $grid-device-grouped-headercell-span-padding;
73154
73164
  }
73155
73165
 
73156
73166
  &.e-device .e-rowcell,
@@ -73231,6 +73241,13 @@ $grid-dropitems-count-margin-left: -8px !default;
73231
73241
  }
73232
73242
  }
73233
73243
 
73244
+ &.e-device span.e-ungroupbutton.e-icons {
73245
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
73246
+ @if $grid-skin == 'bootstrap4' {
73247
+ padding-top: 0;
73248
+ }
73249
+ }
73250
+
73234
73251
  span.e-ungroupbutton.e-icons:hover {
73235
73252
  @if $grid-skin == 'tailwind' {
73236
73253
  color: $cool-gray-700;
@@ -73249,6 +73266,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73249
73266
  }
73250
73267
  }
73251
73268
 
73269
+ &.e-device span.e-groupsort.e-icons {
73270
+ margin-top: $grid-device-group-sorticon-margin-top;
73271
+ }
73272
+
73252
73273
  &.e-rtl span.e-groupsort.e-icons {
73253
73274
  @if $grid-skin == 'fluent' {
73254
73275
  margin-top: 0;
@@ -76383,6 +76404,10 @@ $grid-dropitems-count-margin-left: -8px !default;
76383
76404
  &.e-rtl .e-groupheadercell span {
76384
76405
  padding: $grid-bigger-rtl-group-span-padding;
76385
76406
  }
76407
+
76408
+ &.e-device.e-rtl .e-groupheadercell span {
76409
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
76410
+ }
76386
76411
  }
76387
76412
 
76388
76413
  #{&}.e-grid-min-height {
@@ -100222,7 +100247,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
100222
100247
  .e-bigger .e-pivotfieldlist-container,
100223
100248
  .e-bigger.e-pivotfieldlist-container {
100224
100249
 
100225
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
100226
100250
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
100227
100251
  height: $field-list-member-filter-list-bigger-height;
100228
100252
  }
package/SCSS-Themes/bootstrap.scss CHANGED
@@ -72046,10 +72046,12 @@ $grid-bigger-headercell-font-size: 15px !default;
72046
72046
  $grid-bigger-content-font-size: 14px !default;
72047
72047
  $grid-filterbar-border-radius: 4px !default;
72048
72048
  $grid-bigger-sorticon-margin-top: -4px !default;
72049
+ $grid-device-group-sorticon-margin-top: -1px !default;
72049
72050
  $grid-header-border-width: 0 !default;
72050
72051
  $grid-bigger-groupedcell-padding: 5px 0 8px !default;
72051
72052
  $grid-bigger-group-headercell-margin: 6px 0 0 12px !default;
72052
72053
  $grid-bigger-group-headercell-padding: 9px 0 !default;
72054
+ $grid-device-group-headercell-padding: 9px 0 !default;
72053
72055
  $grid-bigger-grouptext-marign: 0 !default;
72054
72056
  $grid-bigger-headercell-padding: 8px !default;
72055
72057
  $grid-bigger-icons-font-size: 14px !default;
@@ -72059,8 +72061,10 @@ $grid-bigger-grouped-headercell-border-radius: 6px !default;
72059
72061
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
72060
72062
  $grid-bigger-ungroupbutton-icons-font-size: 14px !default;
72061
72063
  $grid-bigger-groupcell-span-padding: 0 8px !default;
72064
+ $grid-device-grouped-headercell-span-padding: 0 8px !default;
72062
72065
  $grid-bigger-ungroupbutton-icon-margin-left: -7px !default;
72063
72066
  $grid-bigger-ungroupbutton-icon-margin-top: -3px !default;
72067
+ $grid-device-ungroupbutton-icon-margin-top: -3px !default;
72064
72068
  $grid-bigger-groupcell-span-line-height: 37px !default;
72065
72069
  $grid-bigger-gdownarrow-icon-font-size: 14px !default;
72066
72070
  $grid-gd-clone-border-radius: 4px !default;
@@ -72300,6 +72304,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
72300
72304
  $grid-cc-margin-top: 2px !default;
72301
72305
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
72302
72306
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72307
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
72303
72308
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72304
72309
  $grid-ungroup-rtl-padding-left: 8px !default;
72305
72310
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
@@ -72807,6 +72812,10 @@ $grid-dropitems-count-margin-left: -8px !default;
72807
72812
  font-size: $grouped-bigger-text-font-size;
72808
72813
  }
72809
72814
 
72815
+ &.e-device .e-groupheadercell {
72816
+ padding: $grid-device-group-headercell-padding;
72817
+ }
72818
+
72810
72819
  .e-groupheadercell:hover {
72811
72820
  padding: $grid-bigger-group-headercell-hover-padding;
72812
72821
  }
@@ -72863,6 +72872,7 @@ $grid-dropitems-count-margin-left: -8px !default;
72863
72872
 
72864
72873
  &.e-device .e-groupheadercell span {
72865
72874
  line-height: $grid-device-groupheadercell-span-line-height;
72875
+ padding: $grid-device-grouped-headercell-span-padding;
72866
72876
  }
72867
72877
 
72868
72878
  &.e-device .e-rowcell,
@@ -72943,6 +72953,13 @@ $grid-dropitems-count-margin-left: -8px !default;
72943
72953
  }
72944
72954
  }
72945
72955
 
72956
+ &.e-device span.e-ungroupbutton.e-icons {
72957
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
72958
+ @if $grid-skin == 'bootstrap4' {
72959
+ padding-top: 0;
72960
+ }
72961
+ }
72962
+
72946
72963
  span.e-ungroupbutton.e-icons:hover {
72947
72964
  @if $grid-skin == 'tailwind' {
72948
72965
  color: $cool-gray-700;
@@ -72961,6 +72978,10 @@ $grid-dropitems-count-margin-left: -8px !default;
72961
72978
  }
72962
72979
  }
72963
72980
 
72981
+ &.e-device span.e-groupsort.e-icons {
72982
+ margin-top: $grid-device-group-sorticon-margin-top;
72983
+ }
72984
+
72964
72985
  &.e-rtl span.e-groupsort.e-icons {
72965
72986
  @if $grid-skin == 'fluent' {
72966
72987
  margin-top: 0;
@@ -76095,6 +76116,10 @@ $grid-dropitems-count-margin-left: -8px !default;
76095
76116
  &.e-rtl .e-groupheadercell span {
76096
76117
  padding: $grid-bigger-rtl-group-span-padding;
76097
76118
  }
76119
+
76120
+ &.e-device.e-rtl .e-groupheadercell span {
76121
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
76122
+ }
76098
76123
  }
76099
76124
 
76100
76125
  #{&}.e-grid-min-height {
@@ -99939,7 +99964,6 @@ $field-list-adaptive-outerdiv-height: 176px !default;
99939
99964
  .e-bigger .e-pivotfieldlist-container,
99940
99965
  .e-bigger.e-pivotfieldlist-container {
99941
99966
 
99942
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
99943
99967
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
99944
99968
  height: $field-list-member-filter-list-bigger-height;
99945
99969
  }
package/SCSS-Themes/bootstrap4.scss CHANGED
@@ -72231,10 +72231,12 @@ $grid-bigger-headercell-font-size: 16px !default;
72231
72231
  $grid-bigger-content-font-size: 16px !default;
72232
72232
  $grid-filterbar-border-radius: 4px !default;
72233
72233
  $grid-bigger-sorticon-margin-top: -1px !default;
72234
+ $grid-device-group-sorticon-margin-top: 0 !default;
72234
72235
  $grid-header-border-width: 0 !default;
72235
72236
  $grid-bigger-groupedcell-padding: 2px 8px 8px !default;
72236
72237
  $grid-bigger-group-headercell-margin: 15px 0 0 10px !default;
72237
72238
  $grid-bigger-group-headercell-padding: 6px 0 !default;
72239
+ $grid-device-group-headercell-padding: 0 !default;
72238
72240
  $grid-bigger-grouptext-marign: 0 !default;
72239
72241
  $grid-bigger-headercell-padding: 12px !default;
72240
72242
  $grid-bigger-icons-font-size: 16px !default;
@@ -72244,9 +72246,11 @@ $grid-bigger-grouped-headercell-border-radius: 6px !default;
72244
72246
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
72245
72247
  $grid-bigger-ungroupbutton-icons-font-size: 12px !default;
72246
72248
  $grid-bigger-groupcell-span-padding: 8px 4px 10px 12px !default;
72249
+ $grid-device-grouped-headercell-span-padding: 0 4px 0 12px !default;
72247
72250
  $grid-bigger-ungroupbutton-icon-margin-left: -7px !default;
72248
72251
  $grid-bigger-ungroupbutton-icon-margin-top: -1px !default;
72249
- $grid-bigger-groupcell-span-line-height: 4px !default;
72252
+ $grid-device-ungroupbutton-icon-margin-top: -1px !default;
72253
+ $grid-bigger-groupcell-span-line-height: 24px !default;
72250
72254
  $grid-bigger-gdownarrow-icon-font-size: 12px !default;
72251
72255
  $grid-gd-clone-border-radius: 4px !default;
72252
72256
  $grid-bigger-group-clone-broder-radius: 6px !default;
@@ -72488,6 +72492,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
72488
72492
  $grid-cc-margin-top: 0 !default;
72489
72493
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
72490
72494
  $grid-bigger-rtl-group-span-padding: 8px 4px 10px 8px !default;
72495
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
72491
72496
  $grid-rtl-group-span-padding: 0 8px !default;
72492
72497
  $grid-ungroup-rtl-padding-left: 12px !default;
72493
72498
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
@@ -72995,6 +73000,10 @@ $grid-dropitems-count-margin-left: -8px !default;
72995
73000
  font-size: $grouped-bigger-text-font-size;
72996
73001
  }
72997
73002
 
73003
+ &.e-device .e-groupheadercell {
73004
+ padding: $grid-device-group-headercell-padding;
73005
+ }
73006
+
72998
73007
  .e-groupheadercell:hover {
72999
73008
  padding: $grid-bigger-group-headercell-hover-padding;
73000
73009
  }
@@ -73051,6 +73060,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73051
73060
 
73052
73061
  &.e-device .e-groupheadercell span {
73053
73062
  line-height: $grid-device-groupheadercell-span-line-height;
73063
+ padding: $grid-device-grouped-headercell-span-padding;
73054
73064
  }
73055
73065
 
73056
73066
  &.e-device .e-rowcell,
@@ -73131,6 +73141,13 @@ $grid-dropitems-count-margin-left: -8px !default;
73131
73141
  }
73132
73142
  }
73133
73143
 
73144
+ &.e-device span.e-ungroupbutton.e-icons {
73145
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
73146
+ @if $grid-skin == 'bootstrap4' {
73147
+ padding-top: 0;
73148
+ }
73149
+ }
73150
+
73134
73151
  span.e-ungroupbutton.e-icons:hover {
73135
73152
  @if $grid-skin == 'tailwind' {
73136
73153
  color: $cool-gray-700;
@@ -73149,6 +73166,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73149
73166
  }
73150
73167
  }
73151
73168
 
73169
+ &.e-device span.e-groupsort.e-icons {
73170
+ margin-top: $grid-device-group-sorticon-margin-top;
73171
+ }
73172
+
73152
73173
  &.e-rtl span.e-groupsort.e-icons {
73153
73174
  @if $grid-skin == 'fluent' {
73154
73175
  margin-top: 0;
@@ -76283,6 +76304,10 @@ $grid-dropitems-count-margin-left: -8px !default;
76283
76304
  &.e-rtl .e-groupheadercell span {
76284
76305
  padding: $grid-bigger-rtl-group-span-padding;
76285
76306
  }
76307
+
76308
+ &.e-device.e-rtl .e-groupheadercell span {
76309
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
76310
+ }
76286
76311
  }
76287
76312
 
76288
76313
  #{&}.e-grid-min-height {
@@ -100314,7 +100339,6 @@ $field-list-adaptive-outerdiv-height: 177px !default;
100314
100339
  .e-bigger .e-pivotfieldlist-container,
100315
100340
  .e-bigger.e-pivotfieldlist-container {
100316
100341
 
100317
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
100318
100342
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
100319
100343
  height: $field-list-member-filter-list-bigger-height;
100320
100344
  }
package/SCSS-Themes/bootstrap5-dark.scss CHANGED
@@ -72634,10 +72634,12 @@ $grid-bigger-headercell-font-size: $text-base !default;
72634
72634
  $grid-bigger-content-font-size: $text-base !default;
72635
72635
  $grid-filterbar-border-radius: 4px !default;
72636
72636
  $grid-bigger-sorticon-margin-top: 1px !default;
72637
+ $grid-device-group-sorticon-margin-top: 0 !default;
72637
72638
  $grid-header-border-width: 0 !default;
72638
72639
  $grid-bigger-groupedcell-padding: 0 0 8px !default;
72639
72640
  $grid-bigger-group-headercell-margin: 8px 0 0 8px !default;
72640
72641
  $grid-bigger-group-headercell-padding: 7px 0 !default;
72642
+ $grid-device-group-headercell-padding: 0 !default;
72641
72643
  $grid-bigger-grouptext-marign: 0 !default;
72642
72644
  $grid-bigger-headercell-padding: 12px !default;
72643
72645
  $grid-bigger-icons-font-size: $text-base !default;
@@ -72647,8 +72649,10 @@ $grid-bigger-grouped-headercell-border-radius: 0 !default;
72647
72649
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
72648
72650
  $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
72649
72651
  $grid-bigger-groupcell-span-padding: 0 8px !default;
72652
+ $grid-device-grouped-headercell-span-padding: 0 8px !default;
72650
72653
  $grid-bigger-ungroupbutton-icon-margin-left: -12px !default;
72651
72654
  $grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
72655
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
72652
72656
  $grid-bigger-groupcell-span-line-height: 24px !default;
72653
72657
  $grid-bigger-gdownarrow-icon-font-size: $text-base !default;
72654
72658
  $grid-gd-clone-border-radius: 4px !default;
@@ -72890,6 +72894,7 @@ $grid-adaptive-sort-clear-button-padding: 4px !default;
72890
72894
  $grid-cc-margin-top: 4px !default;
72891
72895
  $grid-bigger-rtl-cm-margin: -12px 4px -12px -22px !default;
72892
72896
  $grid-bigger-rtl-group-span-padding: 0 8px !default;
72897
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
72893
72898
  $grid-rtl-group-span-padding: 0 8px !default;
72894
72899
  $grid-ungroup-rtl-padding-left: 8px !default;
72895
72900
  $grid-column-reorder-icon-color: $primary !default;
@@ -73397,6 +73402,10 @@ $grid-dropitems-count-margin-left: -4px !default;
73397
73402
  font-size: $grouped-bigger-text-font-size;
73398
73403
  }
73399
73404
 
73405
+ &.e-device .e-groupheadercell {
73406
+ padding: $grid-device-group-headercell-padding;
73407
+ }
73408
+
73400
73409
  .e-groupheadercell:hover {
73401
73410
  padding: $grid-bigger-group-headercell-hover-padding;
73402
73411
  }
@@ -73453,6 +73462,7 @@ $grid-dropitems-count-margin-left: -4px !default;
73453
73462
 
73454
73463
  &.e-device .e-groupheadercell span {
73455
73464
  line-height: $grid-device-groupheadercell-span-line-height;
73465
+ padding: $grid-device-grouped-headercell-span-padding;
73456
73466
  }
73457
73467
 
73458
73468
  &.e-device .e-rowcell,
@@ -73533,6 +73543,13 @@ $grid-dropitems-count-margin-left: -4px !default;
73533
73543
  }
73534
73544
  }
73535
73545
 
73546
+ &.e-device span.e-ungroupbutton.e-icons {
73547
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
73548
+ @if $grid-skin == 'bootstrap4' {
73549
+ padding-top: 0;
73550
+ }
73551
+ }
73552
+
73536
73553
  span.e-ungroupbutton.e-icons:hover {
73537
73554
  @if $grid-skin == 'tailwind' {
73538
73555
  color: $cool-gray-700;
@@ -73551,6 +73568,10 @@ $grid-dropitems-count-margin-left: -4px !default;
73551
73568
  }
73552
73569
  }
73553
73570
 
73571
+ &.e-device span.e-groupsort.e-icons {
73572
+ margin-top: $grid-device-group-sorticon-margin-top;
73573
+ }
73574
+
73554
73575
  &.e-rtl span.e-groupsort.e-icons {
73555
73576
  @if $grid-skin == 'fluent' {
73556
73577
  margin-top: 0;
@@ -76685,6 +76706,10 @@ $grid-dropitems-count-margin-left: -4px !default;
76685
76706
  &.e-rtl .e-groupheadercell span {
76686
76707
  padding: $grid-bigger-rtl-group-span-padding;
76687
76708
  }
76709
+
76710
+ &.e-device.e-rtl .e-groupheadercell span {
76711
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
76712
+ }
76688
76713
  }
76689
76714
 
76690
76715
  #{&}.e-grid-min-height {
@@ -100491,7 +100516,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
100491
100516
  .e-bigger .e-pivotfieldlist-container,
100492
100517
  .e-bigger.e-pivotfieldlist-container {
100493
100518
 
100494
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
100495
100519
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
100496
100520
  height: $field-list-member-filter-list-bigger-height;
100497
100521
  }
package/SCSS-Themes/bootstrap5.scss CHANGED
@@ -72634,10 +72634,12 @@ $grid-bigger-headercell-font-size: $text-base !default;
72634
72634
  $grid-bigger-content-font-size: $text-base !default;
72635
72635
  $grid-filterbar-border-radius: 4px !default;
72636
72636
  $grid-bigger-sorticon-margin-top: 1px !default;
72637
+ $grid-device-group-sorticon-margin-top: 0 !default;
72637
72638
  $grid-header-border-width: 0 !default;
72638
72639
  $grid-bigger-groupedcell-padding: 0 0 8px !default;
72639
72640
  $grid-bigger-group-headercell-margin: 8px 0 0 8px !default;
72640
72641
  $grid-bigger-group-headercell-padding: 7px 0 !default;
72642
+ $grid-device-group-headercell-padding: 0 !default;
72641
72643
  $grid-bigger-grouptext-marign: 0 !default;
72642
72644
  $grid-bigger-headercell-padding: 12px !default;
72643
72645
  $grid-bigger-icons-font-size: $text-base !default;
@@ -72647,8 +72649,10 @@ $grid-bigger-grouped-headercell-border-radius: 0 !default;
72647
72649
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
72648
72650
  $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
72649
72651
  $grid-bigger-groupcell-span-padding: 0 8px !default;
72652
+ $grid-device-grouped-headercell-span-padding: 0 8px !default;
72650
72653
  $grid-bigger-ungroupbutton-icon-margin-left: -12px !default;
72651
72654
  $grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
72655
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
72652
72656
  $grid-bigger-groupcell-span-line-height: 24px !default;
72653
72657
  $grid-bigger-gdownarrow-icon-font-size: $text-base !default;
72654
72658
  $grid-gd-clone-border-radius: 4px !default;
@@ -72890,6 +72894,7 @@ $grid-adaptive-sort-clear-button-padding: 4px !default;
72890
72894
  $grid-cc-margin-top: 4px !default;
72891
72895
  $grid-bigger-rtl-cm-margin: -12px 4px -12px -22px !default;
72892
72896
  $grid-bigger-rtl-group-span-padding: 0 8px !default;
72897
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
72893
72898
  $grid-rtl-group-span-padding: 0 8px !default;
72894
72899
  $grid-ungroup-rtl-padding-left: 8px !default;
72895
72900
  $grid-column-reorder-icon-color: $primary !default;
@@ -73397,6 +73402,10 @@ $grid-dropitems-count-margin-left: -4px !default;
73397
73402
  font-size: $grouped-bigger-text-font-size;
73398
73403
  }
73399
73404
 
73405
+ &.e-device .e-groupheadercell {
73406
+ padding: $grid-device-group-headercell-padding;
73407
+ }
73408
+
73400
73409
  .e-groupheadercell:hover {
73401
73410
  padding: $grid-bigger-group-headercell-hover-padding;
73402
73411
  }
@@ -73453,6 +73462,7 @@ $grid-dropitems-count-margin-left: -4px !default;
73453
73462
 
73454
73463
  &.e-device .e-groupheadercell span {
73455
73464
  line-height: $grid-device-groupheadercell-span-line-height;
73465
+ padding: $grid-device-grouped-headercell-span-padding;
73456
73466
  }
73457
73467
 
73458
73468
  &.e-device .e-rowcell,
@@ -73533,6 +73543,13 @@ $grid-dropitems-count-margin-left: -4px !default;
73533
73543
  }
73534
73544
  }
73535
73545
 
73546
+ &.e-device span.e-ungroupbutton.e-icons {
73547
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
73548
+ @if $grid-skin == 'bootstrap4' {
73549
+ padding-top: 0;
73550
+ }
73551
+ }
73552
+
73536
73553
  span.e-ungroupbutton.e-icons:hover {
73537
73554
  @if $grid-skin == 'tailwind' {
73538
73555
  color: $cool-gray-700;
@@ -73551,6 +73568,10 @@ $grid-dropitems-count-margin-left: -4px !default;
73551
73568
  }
73552
73569
  }
73553
73570
 
73571
+ &.e-device span.e-groupsort.e-icons {
73572
+ margin-top: $grid-device-group-sorticon-margin-top;
73573
+ }
73574
+
73554
73575
  &.e-rtl span.e-groupsort.e-icons {
73555
73576
  @if $grid-skin == 'fluent' {
73556
73577
  margin-top: 0;
@@ -76685,6 +76706,10 @@ $grid-dropitems-count-margin-left: -4px !default;
76685
76706
  &.e-rtl .e-groupheadercell span {
76686
76707
  padding: $grid-bigger-rtl-group-span-padding;
76687
76708
  }
76709
+
76710
+ &.e-device.e-rtl .e-groupheadercell span {
76711
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
76712
+ }
76688
76713
  }
76689
76714
 
76690
76715
  #{&}.e-grid-min-height {
@@ -100491,7 +100516,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
100491
100516
  .e-bigger .e-pivotfieldlist-container,
100492
100517
  .e-bigger.e-pivotfieldlist-container {
100493
100518
 
100494
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
100495
100519
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
100496
100520
  height: $field-list-member-filter-list-bigger-height;
100497
100521
  }
package/SCSS-Themes/fabric-dark.scss CHANGED
@@ -71978,7 +71978,9 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
71978
71978
  $grid-bigger-columnchooser-ul-padding: 0 !default;
71979
71979
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
71980
71980
  $grid-bigger-sorticon-margin-top: 0 !default;
71981
+ $grid-device-group-sorticon-margin-top: 0 !default;
71981
71982
  $grid-bigger-groupcell-span-padding: 0 !default;
71983
+ $grid-device-grouped-headercell-span-padding: 0 !default;
71982
71984
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
71983
71985
  $grid-device-gridheader-row-span-padding: 20px !default;
71984
71986
  $frozen-border: 2px solid !default;
@@ -72181,9 +72183,11 @@ $grid-bigger-groupcaption-line-height: 27px !default;
72181
72183
  $grid-bigger-grouped-headercell-border-radius: 0 !default;
72182
72184
  $grid-bigger-group-headercell-margin: 9px 0 0 10px !default;
72183
72185
  $grid-bigger-group-headercell-padding: 0 10px !default;
72186
+ $grid-device-group-headercell-padding: 0 10px !default;
72184
72187
  $grid-bigger-ungroup-button-font-size: 13px !default;
72185
72188
  $grid-bigger-ungroupbutton-icons-font-size: 13px !default;
72186
72189
  $grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
72190
+ $grid-device-ungroupbutton-icon-margin-top: 1px !default;
72187
72191
  $grid-bigger-grouparea-font-size: 21px !default;
72188
72192
  $grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
72189
72193
  $grid-bigger-rtl-group-headercell-padding: 0 10px !default;
@@ -72456,6 +72460,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
72456
72460
  $grid-cc-margin-top: 3px !default;
72457
72461
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
72458
72462
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72463
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
72459
72464
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72460
72465
  $grid-ungroup-rtl-padding-left: 0 !default;
72461
72466
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
@@ -72963,6 +72968,10 @@ $grid-dropitems-count-margin-left: -8px !default;
72963
72968
  font-size: $grouped-bigger-text-font-size;
72964
72969
  }
72965
72970
 
72971
+ &.e-device .e-groupheadercell {
72972
+ padding: $grid-device-group-headercell-padding;
72973
+ }
72974
+
72966
72975
  .e-groupheadercell:hover {
72967
72976
  padding: $grid-bigger-group-headercell-hover-padding;
72968
72977
  }
@@ -73019,6 +73028,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73019
73028
 
73020
73029
  &.e-device .e-groupheadercell span {
73021
73030
  line-height: $grid-device-groupheadercell-span-line-height;
73031
+ padding: $grid-device-grouped-headercell-span-padding;
73022
73032
  }
73023
73033
 
73024
73034
  &.e-device .e-rowcell,
@@ -73099,6 +73109,13 @@ $grid-dropitems-count-margin-left: -8px !default;
73099
73109
  }
73100
73110
  }
73101
73111
 
73112
+ &.e-device span.e-ungroupbutton.e-icons {
73113
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
73114
+ @if $grid-skin == 'bootstrap4' {
73115
+ padding-top: 0;
73116
+ }
73117
+ }
73118
+
73102
73119
  span.e-ungroupbutton.e-icons:hover {
73103
73120
  @if $grid-skin == 'tailwind' {
73104
73121
  color: $cool-gray-700;
@@ -73117,6 +73134,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73117
73134
  }
73118
73135
  }
73119
73136
 
73137
+ &.e-device span.e-groupsort.e-icons {
73138
+ margin-top: $grid-device-group-sorticon-margin-top;
73139
+ }
73140
+
73120
73141
  &.e-rtl span.e-groupsort.e-icons {
73121
73142
  @if $grid-skin == 'fluent' {
73122
73143
  margin-top: 0;
@@ -76251,6 +76272,10 @@ $grid-dropitems-count-margin-left: -8px !default;
76251
76272
  &.e-rtl .e-groupheadercell span {
76252
76273
  padding: $grid-bigger-rtl-group-span-padding;
76253
76274
  }
76275
+
76276
+ &.e-device.e-rtl .e-groupheadercell span {
76277
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
76278
+ }
76254
76279
  }
76255
76280
 
76256
76281
  #{&}.e-grid-min-height {
@@ -100019,7 +100044,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
100019
100044
  .e-bigger .e-pivotfieldlist-container,
100020
100045
  .e-bigger.e-pivotfieldlist-container {
100021
100046
 
100022
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
100023
100047
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
100024
100048
  height: $field-list-member-filter-list-bigger-height;
100025
100049
  }
package/SCSS-Themes/fabric.scss CHANGED
@@ -71745,7 +71745,9 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
71745
71745
  $grid-bigger-columnchooser-ul-padding: 0 !default;
71746
71746
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
71747
71747
  $grid-bigger-sorticon-margin-top: 0 !default;
71748
+ $grid-device-group-sorticon-margin-top: 0 !default;
71748
71749
  $grid-bigger-groupcell-span-padding: 0 !default;
71750
+ $grid-device-grouped-headercell-span-padding: 0 !default;
71749
71751
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
71750
71752
  $grid-device-gridheader-row-span-padding: 20px !default;
71751
71753
  $frozen-border: 2px solid !default;
@@ -71947,9 +71949,11 @@ $grid-bigger-groupcaption-line-height: 27px !default;
71947
71949
  $grid-bigger-grouped-headercell-border-radius: 0 !default;
71948
71950
  $grid-bigger-group-headercell-margin: 9px 0 0 10px !default;
71949
71951
  $grid-bigger-group-headercell-padding: 0 10px !default;
71952
+ $grid-device-group-headercell-padding: 0 10px !default;
71950
71953
  $grid-bigger-ungroup-button-font-size: 13px !default;
71951
71954
  $grid-bigger-ungroupbutton-icons-font-size: 13px !default;
71952
71955
  $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
71956
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
71953
71957
  $grid-bigger-grouparea-font-size: 21px !default;
71954
71958
  $grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
71955
71959
  $grid-bigger-rtl-group-headercell-padding: 0 10px !default;
@@ -72219,6 +72223,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
72219
72223
  $grid-cc-margin-top: 3px !default;
72220
72224
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
72221
72225
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72226
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
72222
72227
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72223
72228
  $grid-ungroup-rtl-padding-left: 0 !default;
72224
72229
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
@@ -72726,6 +72731,10 @@ $grid-dropitems-count-margin-left: -8px !default;
72726
72731
  font-size: $grouped-bigger-text-font-size;
72727
72732
  }
72728
72733
 
72734
+ &.e-device .e-groupheadercell {
72735
+ padding: $grid-device-group-headercell-padding;
72736
+ }
72737
+
72729
72738
  .e-groupheadercell:hover {
72730
72739
  padding: $grid-bigger-group-headercell-hover-padding;
72731
72740
  }
@@ -72782,6 +72791,7 @@ $grid-dropitems-count-margin-left: -8px !default;
72782
72791
 
72783
72792
  &.e-device .e-groupheadercell span {
72784
72793
  line-height: $grid-device-groupheadercell-span-line-height;
72794
+ padding: $grid-device-grouped-headercell-span-padding;
72785
72795
  }
72786
72796
 
72787
72797
  &.e-device .e-rowcell,
@@ -72862,6 +72872,13 @@ $grid-dropitems-count-margin-left: -8px !default;
72862
72872
  }
72863
72873
  }
72864
72874
 
72875
+ &.e-device span.e-ungroupbutton.e-icons {
72876
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
72877
+ @if $grid-skin == 'bootstrap4' {
72878
+ padding-top: 0;
72879
+ }
72880
+ }
72881
+
72865
72882
  span.e-ungroupbutton.e-icons:hover {
72866
72883
  @if $grid-skin == 'tailwind' {
72867
72884
  color: $cool-gray-700;
@@ -72880,6 +72897,10 @@ $grid-dropitems-count-margin-left: -8px !default;
72880
72897
  }
72881
72898
  }
72882
72899
 
72900
+ &.e-device span.e-groupsort.e-icons {
72901
+ margin-top: $grid-device-group-sorticon-margin-top;
72902
+ }
72903
+
72883
72904
  &.e-rtl span.e-groupsort.e-icons {
72884
72905
  @if $grid-skin == 'fluent' {
72885
72906
  margin-top: 0;
@@ -76014,6 +76035,10 @@ $grid-dropitems-count-margin-left: -8px !default;
76014
76035
  &.e-rtl .e-groupheadercell span {
76015
76036
  padding: $grid-bigger-rtl-group-span-padding;
76016
76037
  }
76038
+
76039
+ &.e-device.e-rtl .e-groupheadercell span {
76040
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
76041
+ }
76017
76042
  }
76018
76043
 
76019
76044
  #{&}.e-grid-min-height {
@@ -99775,7 +99800,6 @@ $field-list-adaptive-outerdiv-height: 166px !default;
99775
99800
  .e-bigger .e-pivotfieldlist-container,
99776
99801
  .e-bigger.e-pivotfieldlist-container {
99777
99802
 
99778
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
99779
99803
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
99780
99804
  height: $field-list-member-filter-list-bigger-height;
99781
99805
  }