@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
@@ -361,10 +361,12 @@ $grid-bigger-headercell-font-size: $text-xs !default;
361
361
  $grid-bigger-content-font-size: $text-base !default;
362
362
  $grid-filterbar-border-radius: 4px !default;
363
363
  $grid-bigger-sorticon-margin-top: 0 !default;
364
+ $grid-device-group-sorticon-margin-top: 0 !default;
364
365
  $grid-header-border-width: 0 !default;
365
366
  $grid-bigger-groupedcell-padding: 0 5px 5px !default;
366
367
  $grid-bigger-group-headercell-margin: 5px 6px 0 0 !default;
367
368
  $grid-bigger-group-headercell-padding: 6px 0 !default;
369
+ $grid-device-group-headercell-padding: 0 !default;
368
370
  $grid-bigger-grouptext-marign: 8px !default;
369
371
  $grid-bigger-headercell-padding: 12px !default;
370
372
  $grid-bigger-icons-font-size: $text-base !default;
@@ -374,8 +376,10 @@ $grid-bigger-grouped-headercell-border-radius: 0 !default;
374
376
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
375
377
  $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
376
378
  $grid-bigger-groupcell-span-padding: 0 0 0 8px !default;
379
+ $grid-device-grouped-headercell-span-padding: 0 8px !default;
377
380
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
378
381
  $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
382
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
379
383
  $grid-bigger-groupcell-span-line-height: 24px !default;
380
384
  $grid-bigger-gdownarrow-icon-font-size: $text-base !default;
381
385
  $grid-gd-clone-border-radius: 4px !default;
@@ -621,6 +625,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
621
625
  $grid-cc-margin-top: 1px !default;
622
626
  $grid-bigger-rtl-cm-margin: -13px 6px -13px -16px !default;
623
627
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
628
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
624
629
  $grid-rtl-group-span-padding: $grid-grouped-headercell-span-padding !default;
625
630
  $grid-ungroup-rtl-padding-left: 8px !default;
626
631
  $grid-column-reorder-icon-color: $primary !default;
@@ -1128,6 +1133,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1128
1133
  font-size: $grouped-bigger-text-font-size;
1129
1134
  }
1130
1135
 
1136
+ &.e-device .e-groupheadercell {
1137
+ padding: $grid-device-group-headercell-padding;
1138
+ }
1139
+
1131
1140
  .e-groupheadercell:hover {
1132
1141
  padding: $grid-bigger-group-headercell-hover-padding;
1133
1142
  }
@@ -1184,6 +1193,7 @@ $grid-dropitems-count-margin-left: -8px !default;
1184
1193
 
1185
1194
  &.e-device .e-groupheadercell span {
1186
1195
  line-height: $grid-device-groupheadercell-span-line-height;
1196
+ padding: $grid-device-grouped-headercell-span-padding;
1187
1197
  }
1188
1198
 
1189
1199
  &.e-device .e-rowcell,
@@ -1264,6 +1274,13 @@ $grid-dropitems-count-margin-left: -8px !default;
1264
1274
  }
1265
1275
  }
1266
1276
 
1277
+ &.e-device span.e-ungroupbutton.e-icons {
1278
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
1279
+ @if $grid-skin == 'bootstrap4' {
1280
+ padding-top: 0;
1281
+ }
1282
+ }
1283
+
1267
1284
  span.e-ungroupbutton.e-icons:hover {
1268
1285
  @if $grid-skin == 'tailwind' {
1269
1286
  color: $cool-gray-700;
@@ -1282,6 +1299,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1282
1299
  }
1283
1300
  }
1284
1301
 
1302
+ &.e-device span.e-groupsort.e-icons {
1303
+ margin-top: $grid-device-group-sorticon-margin-top;
1304
+ }
1305
+
1285
1306
  &.e-rtl span.e-groupsort.e-icons {
1286
1307
  @if $grid-skin == 'fluent' {
1287
1308
  margin-top: 0;
@@ -4416,6 +4437,10 @@ $grid-dropitems-count-margin-left: -8px !default;
4416
4437
  &.e-rtl .e-groupheadercell span {
4417
4438
  padding: $grid-bigger-rtl-group-span-padding;
4418
4439
  }
4440
+
4441
+ &.e-device.e-rtl .e-groupheadercell span {
4442
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
4443
+ }
4419
4444
  }
4420
4445
 
4421
4446
  #{&}.e-grid-min-height {
@@ -71983,7 +71983,9 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
71983
71983
  $grid-bigger-columnchooser-ul-padding: 0 !default;
71984
71984
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
71985
71985
  $grid-bigger-sorticon-margin-top: 0 !default;
71986
+ $grid-device-group-sorticon-margin-top: 0 !default;
71986
71987
  $grid-bigger-groupcell-span-padding: 0 !default;
71988
+ $grid-device-grouped-headercell-span-padding: 0 !default;
71987
71989
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
71988
71990
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
71989
71991
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
@@ -72176,9 +72178,11 @@ $grid-bigger-groupcaption-line-height: 27px !default;
72176
72178
  $grid-bigger-grouped-headercell-border-radius: 0 !default;
72177
72179
  $grid-bigger-group-headercell-margin: 10px 0 0 10px !default;
72178
72180
  $grid-bigger-group-headercell-padding: 1px 10px !default;
72181
+ $grid-device-group-headercell-padding: 1px 10px !default;
72179
72182
  $grid-bigger-ungroup-button-font-size: 13px !default;
72180
72183
  $grid-bigger-ungroupbutton-icons-font-size: 13px !default;
72181
72184
  $grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
72185
+ $grid-device-ungroupbutton-icon-margin-top: 1px !default;
72182
72186
  $grid-bigger-grouparea-font-size: 21px !default;
72183
72187
  $grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
72184
72188
  $grid-bigger-rtl-group-headercell-padding: 0 10px !default;
@@ -72457,6 +72461,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
72457
72461
  $grid-cc-margin-top: 5px !default;
72458
72462
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
72459
72463
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72464
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
72460
72465
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72461
72466
  $grid-ungroup-rtl-padding-left: 0 !default;
72462
72467
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
@@ -72964,6 +72969,10 @@ $grid-dropitems-count-margin-left: -8px !default;
72964
72969
  font-size: $grouped-bigger-text-font-size;
72965
72970
  }
72966
72971
 
72972
+ &.e-device .e-groupheadercell {
72973
+ padding: $grid-device-group-headercell-padding;
72974
+ }
72975
+
72967
72976
  .e-groupheadercell:hover {
72968
72977
  padding: $grid-bigger-group-headercell-hover-padding;
72969
72978
  }
@@ -73020,6 +73029,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73020
73029
 
73021
73030
  &.e-device .e-groupheadercell span {
73022
73031
  line-height: $grid-device-groupheadercell-span-line-height;
73032
+ padding: $grid-device-grouped-headercell-span-padding;
73023
73033
  }
73024
73034
 
73025
73035
  &.e-device .e-rowcell,
@@ -73100,6 +73110,13 @@ $grid-dropitems-count-margin-left: -8px !default;
73100
73110
  }
73101
73111
  }
73102
73112
 
73113
+ &.e-device span.e-ungroupbutton.e-icons {
73114
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
73115
+ @if $grid-skin == 'bootstrap4' {
73116
+ padding-top: 0;
73117
+ }
73118
+ }
73119
+
73103
73120
  span.e-ungroupbutton.e-icons:hover {
73104
73121
  @if $grid-skin == 'tailwind' {
73105
73122
  color: $cool-gray-700;
@@ -73118,6 +73135,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73118
73135
  }
73119
73136
  }
73120
73137
 
73138
+ &.e-device span.e-groupsort.e-icons {
73139
+ margin-top: $grid-device-group-sorticon-margin-top;
73140
+ }
73141
+
73121
73142
  &.e-rtl span.e-groupsort.e-icons {
73122
73143
  @if $grid-skin == 'fluent' {
73123
73144
  margin-top: 0;
@@ -76252,6 +76273,10 @@ $grid-dropitems-count-margin-left: -8px !default;
76252
76273
  &.e-rtl .e-groupheadercell span {
76253
76274
  padding: $grid-bigger-rtl-group-span-padding;
76254
76275
  }
76276
+
76277
+ &.e-device.e-rtl .e-groupheadercell span {
76278
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
76279
+ }
76255
76280
  }
76256
76281
 
76257
76282
  #{&}.e-grid-min-height {
@@ -100009,7 +100034,6 @@ $field-list-adaptive-outerdiv-height: 164px !default;
100009
100034
  .e-bigger .e-pivotfieldlist-container,
100010
100035
  .e-bigger.e-pivotfieldlist-container {
100011
100036
 
100012
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
100013
100037
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
100014
100038
  height: $field-list-member-filter-list-bigger-height;
100015
100039
  }
@@ -73319,10 +73319,12 @@ $grid-bigger-groupedcell-padding: 11px 0 12px !default;
73319
73319
  $grid-bigger-grouped-headercell-border-radius: 16px !default;
73320
73320
  $grid-bigger-group-headercell-margin: 4px 0 0 24px !default;
73321
73321
  $grid-bigger-group-headercell-padding: 0 8px 0 12px !default;
73322
+ $grid-device-group-headercell-padding: 0 8px 0 12px !default;
73322
73323
  $grid-bigger-group-clone-padding: 6px !default;
73323
73324
  $grid-bigger-grouptext-width: 76px !default;
73324
73325
  $grid-bigger-ungroup-button-font-size: 16px !default;
73325
73326
  $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
73327
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
73326
73328
  $grid-bigger-group-text-line-height: 32px !default;
73327
73329
  $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
73328
73330
  $grid-bigger-groupcaption-line-height: 32px !default;
@@ -73341,7 +73343,9 @@ $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
73341
73343
  $grid-bigger-cc-checkbox-padding-left: 12px !default;
73342
73344
  $grid-bigger-searchdiv-padding-left: 6px !default;
73343
73345
  $grid-bigger-sorticon-margin-top: 0 !default;
73346
+ $grid-device-group-sorticon-margin-top: 0 !default;
73344
73347
  $grid-bigger-groupcell-span-padding: 0 !default;
73348
+ $grid-device-grouped-headercell-span-padding: 0 !default;
73345
73349
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
73346
73350
  $grid-device-groupheadercell-span-line-height: 30px !default;
73347
73351
  $grid-device-ungroupbutton-line-height: 33px !default;
@@ -73765,6 +73769,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
73765
73769
  $grid-cc-margin-top: 1px !default;
73766
73770
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
73767
73771
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
73772
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
73768
73773
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
73769
73774
  $grid-ungroup-rtl-padding-left: 0 !default;
73770
73775
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
@@ -74272,6 +74277,10 @@ $grid-dropitems-count-margin-left: -8px !default;
74272
74277
  font-size: $grouped-bigger-text-font-size;
74273
74278
  }
74274
74279
 
74280
+ &.e-device .e-groupheadercell {
74281
+ padding: $grid-device-group-headercell-padding;
74282
+ }
74283
+
74275
74284
  .e-groupheadercell:hover {
74276
74285
  padding: $grid-bigger-group-headercell-hover-padding;
74277
74286
  }
@@ -74328,6 +74337,7 @@ $grid-dropitems-count-margin-left: -8px !default;
74328
74337
 
74329
74338
  &.e-device .e-groupheadercell span {
74330
74339
  line-height: $grid-device-groupheadercell-span-line-height;
74340
+ padding: $grid-device-grouped-headercell-span-padding;
74331
74341
  }
74332
74342
 
74333
74343
  &.e-device .e-rowcell,
@@ -74408,6 +74418,13 @@ $grid-dropitems-count-margin-left: -8px !default;
74408
74418
  }
74409
74419
  }
74410
74420
 
74421
+ &.e-device span.e-ungroupbutton.e-icons {
74422
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
74423
+ @if $grid-skin == 'bootstrap4' {
74424
+ padding-top: 0;
74425
+ }
74426
+ }
74427
+
74411
74428
  span.e-ungroupbutton.e-icons:hover {
74412
74429
  @if $grid-skin == 'tailwind' {
74413
74430
  color: $cool-gray-700;
@@ -74426,6 +74443,10 @@ $grid-dropitems-count-margin-left: -8px !default;
74426
74443
  }
74427
74444
  }
74428
74445
 
74446
+ &.e-device span.e-groupsort.e-icons {
74447
+ margin-top: $grid-device-group-sorticon-margin-top;
74448
+ }
74449
+
74429
74450
  &.e-rtl span.e-groupsort.e-icons {
74430
74451
  @if $grid-skin == 'fluent' {
74431
74452
  margin-top: 0;
@@ -77560,6 +77581,10 @@ $grid-dropitems-count-margin-left: -8px !default;
77560
77581
  &.e-rtl .e-groupheadercell span {
77561
77582
  padding: $grid-bigger-rtl-group-span-padding;
77562
77583
  }
77584
+
77585
+ &.e-device.e-rtl .e-groupheadercell span {
77586
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
77587
+ }
77563
77588
  }
77564
77589
 
77565
77590
  #{&}.e-grid-min-height {
@@ -99572,7 +99597,7 @@ $olap-bigger-tree-outer-div-height: 518px;
99572
99597
  $field-list-text-transform: none !default;
99573
99598
  $olap-bigger-tree-width: 283px !default;
99574
99599
  $olap-bigger-tree-outer-div-width: 325px !default;
99575
- $field-list-adaptive-outerdiv-height: 190px !default;
99600
+ $field-list-adaptive-outerdiv-height: 165px !default;
99576
99601
 
99577
99602
  @include export-module('field-list-layout') {
99578
99603
 
@@ -101373,7 +101398,6 @@ $field-list-adaptive-outerdiv-height: 190px !default;
101373
101398
  .e-bigger .e-pivotfieldlist-container,
101374
101399
  .e-bigger.e-pivotfieldlist-container {
101375
101400
 
101376
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
101377
101401
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
101378
101402
  height: $field-list-member-filter-list-bigger-height;
101379
101403
  }
@@ -73049,10 +73049,12 @@ $grid-bigger-groupedcell-padding: 11px 0 12px !default;
73049
73049
  $grid-bigger-grouped-headercell-border-radius: 16px !default;
73050
73050
  $grid-bigger-group-headercell-margin: 4px 0 0 24px !default;
73051
73051
  $grid-bigger-group-headercell-padding: 0 8px 0 12px !default;
73052
+ $grid-device-group-headercell-padding: 0 8px 0 12px !default;
73052
73053
  $grid-bigger-group-clone-padding: 6px !default;
73053
73054
  $grid-bigger-grouptext-width: 76px !default;
73054
73055
  $grid-bigger-ungroup-button-font-size: 16px !default;
73055
73056
  $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
73057
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
73056
73058
  $grid-bigger-group-text-line-height: 32px !default;
73057
73059
  $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
73058
73060
  $grid-bigger-groupcaption-line-height: 32px !default;
@@ -73071,7 +73073,9 @@ $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
73071
73073
  $grid-bigger-cc-checkbox-padding-left: 12px !default;
73072
73074
  $grid-bigger-searchdiv-padding-left: 6px !default;
73073
73075
  $grid-bigger-sorticon-margin-top: 0 !default;
73076
+ $grid-device-group-sorticon-margin-top: 0 !default;
73074
73077
  $grid-bigger-groupcell-span-padding: 0 !default;
73078
+ $grid-device-grouped-headercell-span-padding: 0 !default;
73075
73079
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
73076
73080
  $grid-device-groupheadercell-span-line-height: 30px !default;
73077
73081
  $grid-device-ungroupbutton-line-height: 33px !default;
@@ -73488,6 +73492,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
73488
73492
  $grid-cc-margin-top: 1px !default;
73489
73493
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
73490
73494
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
73495
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
73491
73496
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
73492
73497
  $grid-ungroup-rtl-padding-left: 0 !default;
73493
73498
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
@@ -73995,6 +74000,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73995
74000
  font-size: $grouped-bigger-text-font-size;
73996
74001
  }
73997
74002
 
74003
+ &.e-device .e-groupheadercell {
74004
+ padding: $grid-device-group-headercell-padding;
74005
+ }
74006
+
73998
74007
  .e-groupheadercell:hover {
73999
74008
  padding: $grid-bigger-group-headercell-hover-padding;
74000
74009
  }
@@ -74051,6 +74060,7 @@ $grid-dropitems-count-margin-left: -8px !default;
74051
74060
 
74052
74061
  &.e-device .e-groupheadercell span {
74053
74062
  line-height: $grid-device-groupheadercell-span-line-height;
74063
+ padding: $grid-device-grouped-headercell-span-padding;
74054
74064
  }
74055
74065
 
74056
74066
  &.e-device .e-rowcell,
@@ -74131,6 +74141,13 @@ $grid-dropitems-count-margin-left: -8px !default;
74131
74141
  }
74132
74142
  }
74133
74143
 
74144
+ &.e-device span.e-ungroupbutton.e-icons {
74145
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
74146
+ @if $grid-skin == 'bootstrap4' {
74147
+ padding-top: 0;
74148
+ }
74149
+ }
74150
+
74134
74151
  span.e-ungroupbutton.e-icons:hover {
74135
74152
  @if $grid-skin == 'tailwind' {
74136
74153
  color: $cool-gray-700;
@@ -74149,6 +74166,10 @@ $grid-dropitems-count-margin-left: -8px !default;
74149
74166
  }
74150
74167
  }
74151
74168
 
74169
+ &.e-device span.e-groupsort.e-icons {
74170
+ margin-top: $grid-device-group-sorticon-margin-top;
74171
+ }
74172
+
74152
74173
  &.e-rtl span.e-groupsort.e-icons {
74153
74174
  @if $grid-skin == 'fluent' {
74154
74175
  margin-top: 0;
@@ -77283,6 +77304,10 @@ $grid-dropitems-count-margin-left: -8px !default;
77283
77304
  &.e-rtl .e-groupheadercell span {
77284
77305
  padding: $grid-bigger-rtl-group-span-padding;
77285
77306
  }
77307
+
77308
+ &.e-device.e-rtl .e-groupheadercell span {
77309
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
77310
+ }
77286
77311
  }
77287
77312
 
77288
77313
  #{&}.e-grid-min-height {
@@ -99286,7 +99311,7 @@ $olap-bigger-tree-outer-div-height: 485px;
99286
99311
  $field-list-text-transform: none !default;
99287
99312
  $olap-bigger-tree-width: 283px !default;
99288
99313
  $olap-bigger-tree-outer-div-width: 325px !default;
99289
- $field-list-adaptive-outerdiv-height: 195px !default;
99314
+ $field-list-adaptive-outerdiv-height: 165px !default;
99290
99315
 
99291
99316
  @include export-module('field-list-layout') {
99292
99317
 
@@ -101087,7 +101112,6 @@ $field-list-adaptive-outerdiv-height: 195px !default;
101087
101112
  .e-bigger .e-pivotfieldlist-container,
101088
101113
  .e-bigger.e-pivotfieldlist-container {
101089
101114
 
101090
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
101091
101115
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
101092
101116
  height: $field-list-member-filter-list-bigger-height;
101093
101117
  }
@@ -2086,7 +2086,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
2086
2086
  .e-bigger .e-pivotfieldlist-container,
2087
2087
  .e-bigger.e-pivotfieldlist-container {
2088
2088
 
2089
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
2090
2089
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
2091
2090
  height: $field-list-member-filter-list-bigger-height;
2092
2091
  }
@@ -2040,7 +2040,6 @@ $field-list-adaptive-outerdiv-height: 176px !default;
2040
2040
  .e-bigger .e-pivotfieldlist-container,
2041
2041
  .e-bigger.e-pivotfieldlist-container {
2042
2042
 
2043
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
2044
2043
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
2045
2044
  height: $field-list-member-filter-list-bigger-height;
2046
2045
  }
@@ -2040,7 +2040,6 @@ $field-list-adaptive-outerdiv-height: 177px !default;
2040
2040
  .e-bigger .e-pivotfieldlist-container,
2041
2041
  .e-bigger.e-pivotfieldlist-container {
2042
2042
 
2043
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
2044
2043
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
2045
2044
  height: $field-list-member-filter-list-bigger-height;
2046
2045
  }
@@ -2044,7 +2044,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
2044
2044
  .e-bigger .e-pivotfieldlist-container,
2045
2045
  .e-bigger.e-pivotfieldlist-container {
2046
2046
 
2047
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
2048
2047
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
2049
2048
  height: $field-list-member-filter-list-bigger-height;
2050
2049
  }
@@ -2044,7 +2044,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
2044
2044
  .e-bigger .e-pivotfieldlist-container,
2045
2045
  .e-bigger.e-pivotfieldlist-container {
2046
2046
 
2047
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
2048
2047
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
2049
2048
  height: $field-list-member-filter-list-bigger-height;
2050
2049
  }
@@ -2046,7 +2046,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
2046
2046
  .e-bigger .e-pivotfieldlist-container,
2047
2047
  .e-bigger.e-pivotfieldlist-container {
2048
2048
 
2049
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
2050
2049
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
2051
2050
  height: $field-list-member-filter-list-bigger-height;
2052
2051
  }
@@ -2040,7 +2040,6 @@ $field-list-adaptive-outerdiv-height: 166px !default;
2040
2040
  .e-bigger .e-pivotfieldlist-container,
2041
2041
  .e-bigger.e-pivotfieldlist-container {
2042
2042
 
2043
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
2044
2043
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
2045
2044
  height: $field-list-member-filter-list-bigger-height;
2046
2045
  }
@@ -243,7 +243,7 @@ $olap-bigger-tree-outer-div-height: 500px;
243
243
  $field-list-text-transform: none !default;
244
244
  $olap-bigger-tree-width: 283px !default;
245
245
  $olap-bigger-tree-outer-div-width: 325px !default;
246
- $field-list-adaptive-outerdiv-height: 184px !default;
246
+ $field-list-adaptive-outerdiv-height: 125px !default;
247
247
 
248
248
  @include export-module('field-list-layout') {
249
249
 
@@ -2044,7 +2044,6 @@ $field-list-adaptive-outerdiv-height: 184px !default;
2044
2044
  .e-bigger .e-pivotfieldlist-container,
2045
2045
  .e-bigger.e-pivotfieldlist-container {
2046
2046
 
2047
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
2048
2047
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
2049
2048
  height: $field-list-member-filter-list-bigger-height;
2050
2049
  }
@@ -243,7 +243,7 @@ $olap-bigger-tree-outer-div-height: 500px;
243
243
  $field-list-text-transform: none !default;
244
244
  $olap-bigger-tree-width: 283px !default;
245
245
  $olap-bigger-tree-outer-div-width: 325px !default;
246
- $field-list-adaptive-outerdiv-height: 184px !default;
246
+ $field-list-adaptive-outerdiv-height: 125px !default;
247
247
 
248
248
  @include export-module('field-list-layout') {
249
249
 
@@ -2044,7 +2044,6 @@ $field-list-adaptive-outerdiv-height: 184px !default;
2044
2044
  .e-bigger .e-pivotfieldlist-container,
2045
2045
  .e-bigger.e-pivotfieldlist-container {
2046
2046
 
2047
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
2048
2047
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
2049
2048
  height: $field-list-member-filter-list-bigger-height;
2050
2049
  }
@@ -2041,7 +2041,6 @@ $field-list-adaptive-outerdiv-height: 164px !default;
2041
2041
  .e-bigger .e-pivotfieldlist-container,
2042
2042
  .e-bigger.e-pivotfieldlist-container {
2043
2043
 
2044
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
2045
2044
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
2046
2045
  height: $field-list-member-filter-list-bigger-height;
2047
2046
  }
@@ -240,7 +240,7 @@ $olap-bigger-tree-outer-div-height: 518px;
240
240
  $field-list-text-transform: none !default;
241
241
  $olap-bigger-tree-width: 283px !default;
242
242
  $olap-bigger-tree-outer-div-width: 325px !default;
243
- $field-list-adaptive-outerdiv-height: 190px !default;
243
+ $field-list-adaptive-outerdiv-height: 165px !default;
244
244
 
245
245
  @include export-module('field-list-layout') {
246
246
 
@@ -2041,7 +2041,6 @@ $field-list-adaptive-outerdiv-height: 190px !default;
2041
2041
  .e-bigger .e-pivotfieldlist-container,
2042
2042
  .e-bigger.e-pivotfieldlist-container {
2043
2043
 
2044
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
2045
2044
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
2046
2045
  height: $field-list-member-filter-list-bigger-height;
2047
2046
  }
@@ -240,7 +240,7 @@ $olap-bigger-tree-outer-div-height: 485px;
240
240
  $field-list-text-transform: none !default;
241
241
  $olap-bigger-tree-width: 283px !default;
242
242
  $olap-bigger-tree-outer-div-width: 325px !default;
243
- $field-list-adaptive-outerdiv-height: 195px !default;
243
+ $field-list-adaptive-outerdiv-height: 165px !default;
244
244
 
245
245
  @include export-module('field-list-layout') {
246
246
 
@@ -2041,7 +2041,6 @@ $field-list-adaptive-outerdiv-height: 195px !default;
2041
2041
  .e-bigger .e-pivotfieldlist-container,
2042
2042
  .e-bigger.e-pivotfieldlist-container {
2043
2043
 
2044
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
2045
2044
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
2046
2045
  height: $field-list-member-filter-list-bigger-height;
2047
2046
  }
@@ -2044,7 +2044,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
2044
2044
  .e-bigger .e-pivotfieldlist-container,
2045
2045
  .e-bigger.e-pivotfieldlist-container {
2046
2046
 
2047
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
2048
2047
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
2049
2048
  height: $field-list-member-filter-list-bigger-height;
2050
2049
  }
@@ -2044,7 +2044,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
2044
2044
  .e-bigger .e-pivotfieldlist-container,
2045
2045
  .e-bigger.e-pivotfieldlist-container {
2046
2046
 
2047
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
2048
2047
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
2049
2048
  height: $field-list-member-filter-list-bigger-height;
2050
2049
  }
@@ -72560,10 +72560,12 @@ $grid-bigger-headercell-font-size: $text-xs !default;
72560
72560
  $grid-bigger-content-font-size: $text-base !default;
72561
72561
  $grid-filterbar-border-radius: 4px !default;
72562
72562
  $grid-bigger-sorticon-margin-top: 0 !default;
72563
+ $grid-device-group-sorticon-margin-top: 0 !default;
72563
72564
  $grid-header-border-width: 0 !default;
72564
72565
  $grid-bigger-groupedcell-padding: 0 5px 5px !default;
72565
72566
  $grid-bigger-group-headercell-margin: 5px 6px 0 0 !default;
72566
72567
  $grid-bigger-group-headercell-padding: 6px 0 !default;
72568
+ $grid-device-group-headercell-padding: 0 !default;
72567
72569
  $grid-bigger-grouptext-marign: 8px !default;
72568
72570
  $grid-bigger-headercell-padding: 12px !default;
72569
72571
  $grid-bigger-icons-font-size: $text-base !default;
@@ -72573,8 +72575,10 @@ $grid-bigger-grouped-headercell-border-radius: 0 !default;
72573
72575
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
72574
72576
  $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
72575
72577
  $grid-bigger-groupcell-span-padding: 0 0 0 8px !default;
72578
+ $grid-device-grouped-headercell-span-padding: 0 8px !default;
72576
72579
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
72577
72580
  $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
72581
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
72578
72582
  $grid-bigger-groupcell-span-line-height: 24px !default;
72579
72583
  $grid-bigger-gdownarrow-icon-font-size: $text-base !default;
72580
72584
  $grid-gd-clone-border-radius: 4px !default;
@@ -72820,6 +72824,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
72820
72824
  $grid-cc-margin-top: 1px !default;
72821
72825
  $grid-bigger-rtl-cm-margin: -13px 6px -13px -16px !default;
72822
72826
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72827
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
72823
72828
  $grid-rtl-group-span-padding: $grid-grouped-headercell-span-padding !default;
72824
72829
  $grid-ungroup-rtl-padding-left: 8px !default;
72825
72830
  $grid-column-reorder-icon-color: $primary !default;
@@ -73327,6 +73332,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73327
73332
  font-size: $grouped-bigger-text-font-size;
73328
73333
  }
73329
73334
 
73335
+ &.e-device .e-groupheadercell {
73336
+ padding: $grid-device-group-headercell-padding;
73337
+ }
73338
+
73330
73339
  .e-groupheadercell:hover {
73331
73340
  padding: $grid-bigger-group-headercell-hover-padding;
73332
73341
  }
@@ -73383,6 +73392,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73383
73392
 
73384
73393
  &.e-device .e-groupheadercell span {
73385
73394
  line-height: $grid-device-groupheadercell-span-line-height;
73395
+ padding: $grid-device-grouped-headercell-span-padding;
73386
73396
  }
73387
73397
 
73388
73398
  &.e-device .e-rowcell,
@@ -73463,6 +73473,13 @@ $grid-dropitems-count-margin-left: -8px !default;
73463
73473
  }
73464
73474
  }
73465
73475
 
73476
+ &.e-device span.e-ungroupbutton.e-icons {
73477
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
73478
+ @if $grid-skin == 'bootstrap4' {
73479
+ padding-top: 0;
73480
+ }
73481
+ }
73482
+
73466
73483
  span.e-ungroupbutton.e-icons:hover {
73467
73484
  @if $grid-skin == 'tailwind' {
73468
73485
  color: $cool-gray-700;
@@ -73481,6 +73498,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73481
73498
  }
73482
73499
  }
73483
73500
 
73501
+ &.e-device span.e-groupsort.e-icons {
73502
+ margin-top: $grid-device-group-sorticon-margin-top;
73503
+ }
73504
+
73484
73505
  &.e-rtl span.e-groupsort.e-icons {
73485
73506
  @if $grid-skin == 'fluent' {
73486
73507
  margin-top: 0;
@@ -76615,6 +76636,10 @@ $grid-dropitems-count-margin-left: -8px !default;
76615
76636
  &.e-rtl .e-groupheadercell span {
76616
76637
  padding: $grid-bigger-rtl-group-span-padding;
76617
76638
  }
76639
+
76640
+ &.e-device.e-rtl .e-groupheadercell span {
76641
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
76642
+ }
76618
76643
  }
76619
76644
 
76620
76645
  #{&}.e-grid-min-height {
@@ -100420,7 +100445,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
100420
100445
  .e-bigger .e-pivotfieldlist-container,
100421
100446
  .e-bigger.e-pivotfieldlist-container {
100422
100447
 
100423
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
100424
100448
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
100425
100449
  height: $field-list-member-filter-list-bigger-height;
100426
100450
  }