@syncfusion/ej2-angular-grids 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 (48) hide show
  1. package/package.json +6 -6
  2. package/schematics/utils/lib-details.d.ts +2 -2
  3. package/schematics/utils/lib-details.js +2 -2
  4. package/schematics/utils/lib-details.ts +2 -2
  5. package/styles/bootstrap-dark.css +34 -3
  6. package/styles/bootstrap.css +34 -3
  7. package/styles/bootstrap4.css +37 -6
  8. package/styles/bootstrap5-dark.css +34 -3
  9. package/styles/bootstrap5.css +34 -3
  10. package/styles/fabric-dark.css +32 -1
  11. package/styles/fabric.css +32 -1
  12. package/styles/fluent-dark.css +36 -3
  13. package/styles/fluent.css +36 -3
  14. package/styles/grid/_bootstrap-dark-definition.scss +8 -3
  15. package/styles/grid/_bootstrap-definition.scss +8 -3
  16. package/styles/grid/_bootstrap4-definition.scss +9 -4
  17. package/styles/grid/_bootstrap5-definition.scss +8 -3
  18. package/styles/grid/_fabric-dark-definition.scss +7 -2
  19. package/styles/grid/_fabric-definition.scss +7 -2
  20. package/styles/grid/_fluent-definition.scss +8 -3
  21. package/styles/grid/_fusionnew-definition.scss +6 -2
  22. package/styles/grid/_highcontrast-definition.scss +7 -2
  23. package/styles/grid/_highcontrast-light-definition.scss +7 -2
  24. package/styles/grid/_layout.scss +40 -9
  25. package/styles/grid/_material-dark-definition.scss +7 -2
  26. package/styles/grid/_material-definition.scss +7 -2
  27. package/styles/grid/_tailwind-definition.scss +8 -3
  28. package/styles/grid/bootstrap-dark.css +34 -3
  29. package/styles/grid/bootstrap.css +34 -3
  30. package/styles/grid/bootstrap4.css +37 -6
  31. package/styles/grid/bootstrap5-dark.css +34 -3
  32. package/styles/grid/bootstrap5.css +34 -3
  33. package/styles/grid/fabric-dark.css +32 -1
  34. package/styles/grid/fabric.css +32 -1
  35. package/styles/grid/fluent-dark.css +36 -3
  36. package/styles/grid/fluent.css +36 -3
  37. package/styles/grid/highcontrast-light.css +32 -1
  38. package/styles/grid/highcontrast.css +32 -1
  39. package/styles/grid/material-dark.css +32 -1
  40. package/styles/grid/material.css +32 -1
  41. package/styles/grid/tailwind-dark.css +34 -4
  42. package/styles/grid/tailwind.css +34 -4
  43. package/styles/highcontrast-light.css +32 -1
  44. package/styles/highcontrast.css +32 -1
  45. package/styles/material-dark.css +32 -1
  46. package/styles/material.css +32 -1
  47. package/styles/tailwind-dark.css +34 -4
  48. package/styles/tailwind.css +34 -4
package/styles/grid/_bootstrap5-definition.scss CHANGED
@@ -113,7 +113,6 @@ $grid-bigger-group-text-line-height: 24px !default;
113
113
  $grid-bigger-groupcaption-line-height: 20px !default;
114
114
  $grid-bigger-rtl-group-headercell-margin: 8px 8px 0 0 !default;
115
115
  $grid-bigger-rtl-group-headercell-padding: 7px 6px 7px 9px !default;
116
- $grid-bigger-rtl-ungroup-icon-margin-top: 1px !default;
117
116
  $grid-bigger-rtl-ungroup-icon-margin-right: -12px !default;
118
117
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
119
118
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -281,7 +280,7 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
281
280
  $grid-indentcell-border-width: 0 1px 0 0 !default;
282
281
  $grid-group-right-arrow-icon-font-size: $text-sm !default;
283
282
  $grid-group-right-arrow-icon-padding: 11px 7px 12px 8px !default;
284
- $grid-group-unpgroupicon-margin-top: 2px !default;
283
+ $grid-group-unpgroupicon-padding-top: 2px !default;
285
284
  $grid-summary-cell-line-height: 14px !default;
286
285
  $grid-batch-updated-bg-color: $success-light !default;
287
286
  $grid-val-error-color: $danger !default;
@@ -291,7 +290,7 @@ $grid-edit-input-padding-top: 2px !default;
291
290
  $grid-edit-input-margin: 1px !default;
292
291
  $grid-edit-cell-padding: 2px !default;
293
292
  $grid-group-height: 36px !default;
294
- $grid-ungroup-rtl-padding-top: 0 !default;
293
+ $grid-ungroup-rtl-padding-top: 2px !default;
295
294
  $grid-rtl-group-headercell-margin-right: 5px !default;
296
295
  $grid-rtl-group-headercell-margin-left: 0 !default;
297
296
  $grid-fltr-rtl-sortnumber-margin: 1px 0 0 12px !default;
@@ -334,10 +333,12 @@ $grid-bigger-headercell-font-size: $text-base !default;
334
333
  $grid-bigger-content-font-size: $text-base !default;
335
334
  $grid-filterbar-border-radius: 4px !default;
336
335
  $grid-bigger-sorticon-margin-top: 1px !default;
336
+ $grid-device-group-sorticon-margin-top: 0 !default;
337
337
  $grid-header-border-width: 0 !default;
338
338
  $grid-bigger-groupedcell-padding: 0 0 8px !default;
339
339
  $grid-bigger-group-headercell-margin: 8px 0 0 8px !default;
340
340
  $grid-bigger-group-headercell-padding: 7px 0 !default;
341
+ $grid-device-group-headercell-padding: 0 !default;
341
342
  $grid-bigger-grouptext-marign: 0 !default;
342
343
  $grid-bigger-headercell-padding: 12px !default;
343
344
  $grid-bigger-icons-font-size: $text-base !default;
@@ -347,8 +348,10 @@ $grid-bigger-grouped-headercell-border-radius: 0 !default;
347
348
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
348
349
  $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
349
350
  $grid-bigger-groupcell-span-padding: 0 8px !default;
351
+ $grid-device-grouped-headercell-span-padding: 0 8px !default;
350
352
  $grid-bigger-ungroupbutton-icon-margin-left: -12px !default;
351
353
  $grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
354
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
352
355
  $grid-bigger-groupcell-span-line-height: 24px !default;
353
356
  $grid-bigger-gdownarrow-icon-font-size: $text-base !default;
354
357
  $grid-gd-clone-border-radius: 4px !default;
@@ -476,6 +479,7 @@ $grid-bigger-clone-padding: 3px 0 0 8px !default;
476
479
  $grid-bigger-draganddrop-clone-padding: 0 !default;
477
480
  $grouped-bigger-text-font-size: $text-base !default;
478
481
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
482
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
479
483
  $grid-bigger-font-size: $text-base !default;
480
484
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -14px 4px -14px -2px !default;
481
485
  $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
@@ -590,6 +594,7 @@ $grid-adaptive-sort-clear-button-padding: 4px !default;
590
594
  $grid-cc-margin-top: 4px !default;
591
595
  $grid-bigger-rtl-cm-margin: -12px 4px -12px -22px !default;
592
596
  $grid-bigger-rtl-group-span-padding: 0 8px !default;
597
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
593
598
  $grid-rtl-group-span-padding: 0 8px !default;
594
599
  $grid-ungroup-rtl-padding-left: 8px !default;
595
600
  $grid-column-reorder-icon-color: $primary !default;
package/styles/grid/_fabric-dark-definition.scss CHANGED
@@ -28,7 +28,7 @@ $group-droparea-hover-color: $active-font-color !default;
28
28
  $group-header-hover-color: $header-font-color !default;
29
29
  $group-row-bg-stcolor: #ececec !default;
30
30
  $grid-group-clone-text-align: center !default;
31
- $grid-group-unpgroupicon-margin-top: 0 !default;
31
+ $grid-group-unpgroupicon-padding-top: 0 !default;
32
32
  $grid-ungroup-rtl-padding-right: 6px !default;
33
33
  $filter-text-color: $content-font-color !default;
34
34
  $grid-wrap-line-height: 18px !default;
@@ -104,12 +104,13 @@ $grid-bigger-groupedcell-padding: 11px 11px 12px !default;
104
104
  $grid-bigger-group-clone-padding: 6px !default;
105
105
  $grid-bigger-grouptext-width: 76px !default;
106
106
  $grid-bigger-group-text-line-height: 32px !default;
107
- $grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
108
107
  $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
109
108
  $grid-bigger-columnchooser-ul-padding: 0 !default;
110
109
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
111
110
  $grid-bigger-sorticon-margin-top: 0 !default;
111
+ $grid-device-group-sorticon-margin-top: 0 !default;
112
112
  $grid-bigger-groupcell-span-padding: 0 !default;
113
+ $grid-device-grouped-headercell-span-padding: 0 !default;
113
114
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
114
115
  $grid-device-gridheader-row-span-padding: 20px !default;
115
116
  $frozen-border: 2px solid !default;
@@ -312,9 +313,11 @@ $grid-bigger-groupcaption-line-height: 27px !default;
312
313
  $grid-bigger-grouped-headercell-border-radius: 0 !default;
313
314
  $grid-bigger-group-headercell-margin: 9px 0 0 10px !default;
314
315
  $grid-bigger-group-headercell-padding: 0 10px !default;
316
+ $grid-device-group-headercell-padding: 0 10px !default;
315
317
  $grid-bigger-ungroup-button-font-size: 13px !default;
316
318
  $grid-bigger-ungroupbutton-icons-font-size: 13px !default;
317
319
  $grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
320
+ $grid-device-ungroupbutton-icon-margin-top: 1px !default;
318
321
  $grid-bigger-grouparea-font-size: 21px !default;
319
322
  $grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
320
323
  $grid-bigger-rtl-group-headercell-padding: 0 10px !default;
@@ -478,6 +481,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
478
481
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
479
482
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;
480
483
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
484
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
481
485
  $grid-bigger-font-size: $grid-font-size !default;
482
486
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
483
487
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -587,6 +591,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
587
591
  $grid-cc-margin-top: 3px !default;
588
592
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
589
593
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
594
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
590
595
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
591
596
  $grid-ungroup-rtl-padding-left: 0 !default;
592
597
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
package/styles/grid/_fabric-definition.scss CHANGED
@@ -31,7 +31,7 @@ $group-droparea-hover-color: $active-font-color !default;
31
31
  $group-header-hover-color: $header-font-color !default;
32
32
  $group-row-bg-stcolor: #ececec !default;
33
33
  $grid-group-clone-text-align: center !default;
34
- $grid-group-unpgroupicon-margin-top: 0 !default;
34
+ $grid-group-unpgroupicon-padding-top: 0 !default;
35
35
  $grid-ungroup-rtl-padding-right: 6px !default;
36
36
  $filter-text-color: $content-font-color !default;
37
37
  $grid-wrap-line-height: 18px !default;
@@ -108,12 +108,13 @@ $grid-bigger-groupedcell-padding: 11px 11px 12px !default;
108
108
  $grid-bigger-group-clone-padding: 6px !default;
109
109
  $grid-bigger-grouptext-width: 76px !default;
110
110
  $grid-bigger-group-text-line-height: 32px !default;
111
- $grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
112
111
  $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
113
112
  $grid-bigger-columnchooser-ul-padding: 0 !default;
114
113
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
115
114
  $grid-bigger-sorticon-margin-top: 0 !default;
115
+ $grid-device-group-sorticon-margin-top: 0 !default;
116
116
  $grid-bigger-groupcell-span-padding: 0 !default;
117
+ $grid-device-grouped-headercell-span-padding: 0 !default;
117
118
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
118
119
  $grid-device-gridheader-row-span-padding: 20px !default;
119
120
  $frozen-border: 2px solid !default;
@@ -315,9 +316,11 @@ $grid-bigger-groupcaption-line-height: 27px !default;
315
316
  $grid-bigger-grouped-headercell-border-radius: 0 !default;
316
317
  $grid-bigger-group-headercell-margin: 9px 0 0 10px !default;
317
318
  $grid-bigger-group-headercell-padding: 0 10px !default;
319
+ $grid-device-group-headercell-padding: 0 10px !default;
318
320
  $grid-bigger-ungroup-button-font-size: 13px !default;
319
321
  $grid-bigger-ungroupbutton-icons-font-size: 13px !default;
320
322
  $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
323
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
321
324
  $grid-bigger-grouparea-font-size: 21px !default;
322
325
  $grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
323
326
  $grid-bigger-rtl-group-headercell-padding: 0 10px !default;
@@ -478,6 +481,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
478
481
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
479
482
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;
480
483
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
484
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
481
485
  $grid-bigger-font-size: $grid-font-size !default;
482
486
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
483
487
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -587,6 +591,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
587
591
  $grid-cc-margin-top: 3px !default;
588
592
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
589
593
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
594
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
590
595
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
591
596
  $grid-ungroup-rtl-padding-left: 0 !default;
592
597
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
package/styles/grid/_fluent-definition.scss CHANGED
@@ -168,7 +168,6 @@ $grid-bigger-group-text-line-height: .2em !default;
168
168
  $grid-bigger-groupcaption-line-height: 16px !default;
169
169
  $grid-bigger-rtl-group-headercell-margin: 6px 8px 6px 0 !default;
170
170
  $grid-bigger-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
171
- $grid-bigger-rtl-ungroup-icon-margin-top: -4px !default;
172
171
  $grid-bigger-rtl-ungroup-icon-margin-right: -6px !default;
173
172
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
174
173
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -308,14 +307,14 @@ $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-base !default;
310
309
  $grid-group-right-arrow-icon-padding: 8px 7px 11px 7px !default;
311
- $grid-group-unpgroupicon-margin-top: 1px !default;
310
+ $grid-group-unpgroupicon-padding-top: 8px !default;
312
311
  $grid-summary-cell-line-height: 14px !default;
313
312
  $grid-edit-input-padding-bottom: 1px !default;
314
313
  $grid-edit-input-padding-top: 2px !default;
315
314
  $grid-edit-input-margin: 2px !default;
316
315
  $grid-edit-cell-padding: 2px !default;
317
316
  $grid-group-height: 44px !default;
318
- $grid-ungroup-rtl-padding-top: 4px !default;
317
+ $grid-ungroup-rtl-padding-top: 8px !default;
319
318
  $grid-rtl-group-headercell-margin-right: 4px !default;
320
319
  $grid-rtl-group-headercell-margin-left: 0 !default;
321
320
  $grid-fltr-rtl-sortnumber-margin: 2px 0 0 15px !default;
@@ -358,10 +357,12 @@ $grid-bigger-headercell-font-size: $text-base !default;
358
357
  $grid-bigger-content-font-size: $text-base !default;
359
358
  $grid-filterbar-border-radius: 4px !default;
360
359
  $grid-bigger-sorticon-margin-top: -4px !default;
360
+ $grid-device-group-sorticon-margin-top: 0 !default;
361
361
  $grid-header-border-width: 0 !default;
362
362
  $grid-bigger-groupedcell-padding: 0 !default;
363
363
  $grid-bigger-group-headercell-margin: 6px 0 6px 8px !default;
364
364
  $grid-bigger-group-headercell-padding: 6px 0 !default;
365
+ $grid-device-group-headercell-padding: 0 !default;
365
366
  $grid-bigger-grouptext-marign: 0 !default;
366
367
  $grid-bigger-headercell-padding: 12px !default;
367
368
  $grid-bigger-icons-font-size: $text-base !default;
@@ -371,8 +372,10 @@ $grid-bigger-grouped-headercell-border-radius: 0 !default;
371
372
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
372
373
  $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
373
374
  $grid-bigger-groupcell-span-padding: 8px 4px 14px 12px !default;
375
+ $grid-device-grouped-headercell-span-padding: 0 8px !default;
374
376
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
375
377
  $grid-bigger-ungroupbutton-icon-margin-top: -4px !default;
378
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
376
379
  $grid-bigger-groupcell-span-line-height: 30px !default;
377
380
  $grid-bigger-gdownarrow-icon-font-size: $text-lg !default;
378
381
  $grid-gd-clone-border-radius: 4px !default;
@@ -483,6 +486,7 @@ $grid-bigger-clone-padding: 3px 0 0 8px !default;
483
486
  $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
484
487
  $grouped-bigger-text-font-size: $text-base !default;
485
488
  $grid-bigger-ungroupbutton-icon-margin-right: 4px !default;
489
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
486
490
  $grid-bigger-font-size: $text-base !default;
487
491
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -23px 0 -18px -42px !default;
488
492
  $grid-bigger-rtl-ungroup-icon-margin-left: -9px !default;
@@ -583,6 +587,7 @@ $grid-adaptive-sort-clear-button-padding: 4px !default;
583
587
  $grid-cc-margin-top: 2px !default;
584
588
  $grid-bigger-rtl-cm-margin: -20px -18px -5px -22px !default;
585
589
  $grid-bigger-rtl-group-span-padding: 11.5px 4px 14px 4px !default;
590
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
586
591
  $grid-rtl-group-span-padding: 4px 12px 4px 8px !default;
587
592
  $grid-ungroup-rtl-padding-left: 8px !default;
588
593
  $grid-bigger-headercell-top-padding: 0 !default;
package/styles/grid/_fusionnew-definition.scss CHANGED
@@ -113,7 +113,6 @@ $grid-bigger-group-text-line-height: 24px !default;
113
113
  $grid-bigger-groupcaption-line-height: 20px !default;
114
114
  $grid-bigger-rtl-group-headercell-margin: 8px 8px 0 0 !default;
115
115
  $grid-bigger-rtl-group-headercell-padding: 7px 6px 7px 9px !default;
116
- $grid-bigger-rtl-ungroup-icon-margin-top: 1px !default;
117
116
  $grid-bigger-rtl-ungroup-icon-margin-right: -12px !default;
118
117
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
119
118
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -260,7 +259,7 @@ $grid-rowcell-both-border-width: 1px 0 0 1px !default;
260
259
  $grid-indentcell-border-width: 0 1px 0 0 !default;
261
260
  $grid-group-right-arrow-icon-font-size: 14px !default;
262
261
  $grid-group-right-arrow-icon-padding: 11px 11px 11px 8px !default;
263
- $grid-group-unpgroupicon-margin-top: 2px !default;
262
+ $grid-group-unpgroupicon-padding-top: 2px !default;
264
263
  $grid-summary-cell-line-height: 14px !default;
265
264
  $grid-batch-updated-bg-color: $success-light !default;
266
265
  $grid-val-error-color: $danger !default;
@@ -313,10 +312,12 @@ $grid-bigger-headercell-font-size: 16px !default;
313
312
  $grid-bigger-content-font-size: 16px !default;
314
313
  $grid-filterbar-border-radius: 4px !default;
315
314
  $grid-bigger-sorticon-margin-top: 1px !default;
315
+ $grid-device-group-sorticon-margin-top: 1px !default;
316
316
  $grid-header-border-width: 0 !default;
317
317
  $grid-bigger-groupedcell-padding: 0 0 8px !default;
318
318
  $grid-bigger-group-headercell-margin: 8px 0 0 8px !default;
319
319
  $grid-bigger-group-headercell-padding: 7px 0 !default;
320
+ $grid-device-group-headercell-padding: 7px 0 !default;
320
321
  $grid-bigger-grouptext-marign: 0 !default;
321
322
  $grid-bigger-headercell-padding: 12px !default;
322
323
  $grid-bigger-icons-font-size: 16px !default;
@@ -326,8 +327,10 @@ $grid-bigger-grouped-headercell-border-radius: 0 !default;
326
327
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
327
328
  $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
328
329
  $grid-bigger-groupcell-span-padding: 0 8px !default;
330
+ $grid-device-grouped-headercell-span-padding: 0 8px !default;
329
331
  $grid-bigger-ungroupbutton-icon-margin-left: -12px !default;
330
332
  $grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
333
+ $grid-device-ungroupbutton-icon-margin-top: 1px !default;
331
334
  $grid-bigger-groupcell-span-line-height: 24px !default;
332
335
  $grid-bigger-gdownarrow-icon-font-size: 16px !default;
333
336
  $grid-gd-clone-border-radius: 4px !default;
@@ -567,6 +570,7 @@ $grid-adaptive-sort-clear-button-padding: 4px !default;
567
570
  $grid-cc-margin-top: 4px !default;
568
571
  $grid-bigger-rtl-cm-margin: -12px 4px -12px -22px !default;
569
572
  $grid-bigger-rtl-group-span-padding: 0 8px !default;
573
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
570
574
  $grid-rtl-group-span-padding: 0 8px !default;
571
575
  $grid-ungroup-rtl-padding-left: 8px !default;
572
576
  $grid-column-reorder-icon-color: $primary !default;
package/styles/grid/_highcontrast-definition.scss CHANGED
@@ -27,7 +27,7 @@ $group-droparea-hover-color: $active-font-color !default;
27
27
  $group-header-hover-color: $header-font-color !default;
28
28
  $group-row-bg-stcolor: #ececec !default;
29
29
  $grid-group-clone-text-align: center !default;
30
- $grid-group-unpgroupicon-margin-top: 0 !default;
30
+ $grid-group-unpgroupicon-padding-top: 0 !default;
31
31
  $grid-ungroup-rtl-padding-right: 6px !default;
32
32
  $filter-text-color: $content-font-color !default;
33
33
  $grid-wrap-line-height: 18px !default;
@@ -108,12 +108,13 @@ $grid-bigger-groupdroparea-padding: 22px 24px !default;
108
108
  $grid-bigger-groupedcell-padding: 11px 11px 12px !default;
109
109
  $grid-bigger-group-clone-padding: 6px !default;
110
110
  $grid-bigger-grouptext-width: 76px !default;
111
- $grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
112
111
  $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
113
112
  $grid-bigger-columnchooser-ul-padding: 0 !default;
114
113
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
115
114
  $grid-bigger-sorticon-margin-top: 0 !default;
115
+ $grid-device-group-sorticon-margin-top: 0 !default;
116
116
  $grid-bigger-groupcell-span-padding: 0 !default;
117
+ $grid-device-grouped-headercell-span-padding: 0 !default;
117
118
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
118
119
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
119
120
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
@@ -306,9 +307,11 @@ $grid-bigger-groupcaption-line-height: 27px !default;
306
307
  $grid-bigger-grouped-headercell-border-radius: 0 !default;
307
308
  $grid-bigger-group-headercell-margin: 10px 0 0 10px !default;
308
309
  $grid-bigger-group-headercell-padding: 1px 10px !default;
310
+ $grid-device-group-headercell-padding: 1px 10px !default;
309
311
  $grid-bigger-ungroup-button-font-size: 13px !default;
310
312
  $grid-bigger-ungroupbutton-icons-font-size: 13px !default;
311
313
  $grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
314
+ $grid-device-ungroupbutton-icon-margin-top: 1px !default;
312
315
  $grid-bigger-grouparea-font-size: 21px !default;
313
316
  $grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
314
317
  $grid-bigger-rtl-group-headercell-padding: 0 10px !default;
@@ -478,6 +481,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
478
481
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
479
482
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;
480
483
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
484
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
481
485
  $grid-bigger-font-size: $grid-font-size !default;
482
486
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
483
487
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -587,6 +591,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
587
591
  $grid-cc-margin-top: 5px !default;
588
592
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
589
593
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
594
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
590
595
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
591
596
  $grid-ungroup-rtl-padding-left: 0 !default;
592
597
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
package/styles/grid/_highcontrast-light-definition.scss CHANGED
@@ -27,7 +27,7 @@ $group-droparea-hover-color: $active-font-color !default;
27
27
  $group-header-hover-color: $header-font-color !default;
28
28
  $group-row-bg-stcolor: #ececec !default;
29
29
  $grid-group-clone-text-align: center !default;
30
- $grid-group-unpgroupicon-margin-top: 0 !default;
30
+ $grid-group-unpgroupicon-padding-top: 0 !default;
31
31
  $grid-ungroup-rtl-padding-right: 6px !default;
32
32
  $filter-text-color: $content-font-color !default;
33
33
  $grid-wrap-line-height: 18px !default;
@@ -108,12 +108,13 @@ $grid-bigger-groupdroparea-padding: 22px 24px !default;
108
108
  $grid-bigger-groupedcell-padding: 11px 11px 12px !default;
109
109
  $grid-bigger-group-clone-padding: 6px !default;
110
110
  $grid-bigger-grouptext-width: 76px !default;
111
- $grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
112
111
  $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
113
112
  $grid-bigger-columnchooser-ul-padding: 0 !default;
114
113
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
115
114
  $grid-bigger-sorticon-margin-top: 0 !default;
115
+ $grid-device-group-sorticon-margin-top: 0 !default;
116
116
  $grid-bigger-groupcell-span-padding: 0 !default;
117
+ $grid-device-grouped-headercell-span-padding: 0 !default;
117
118
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
118
119
  $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
119
120
  $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
@@ -302,9 +303,11 @@ $grid-bigger-groupcaption-line-height: 27px !default;
302
303
  $grid-bigger-grouped-headercell-border-radius: 0 !default;
303
304
  $grid-bigger-group-headercell-margin: 10px 0 0 10px !default;
304
305
  $grid-bigger-group-headercell-padding: 1px 10px !default;
306
+ $grid-device-group-headercell-padding: 1px 10px !default;
305
307
  $grid-bigger-ungroup-button-font-size: 13px !default;
306
308
  $grid-bigger-ungroupbutton-icons-font-size: 13px !default;
307
309
  $grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
310
+ $grid-device-ungroupbutton-icon-margin-top: 1px !default;
308
311
  $grid-bigger-grouparea-font-size: 21px !default;
309
312
  $grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
310
313
  $grid-bigger-rtl-group-headercell-padding: 0 10px !default;
@@ -474,6 +477,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
474
477
  $grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
475
478
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;
476
479
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
480
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
477
481
  $grid-bigger-font-size: $grid-font-size !default;
478
482
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
479
483
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -583,6 +587,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
583
587
  $grid-cc-margin-top: 3px !default;
584
588
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
585
589
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
590
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
586
591
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
587
592
  $grid-ungroup-rtl-padding-left: 0 !default;
588
593
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
package/styles/grid/_layout.scss CHANGED
@@ -495,6 +495,10 @@
495
495
  font-size: $grouped-bigger-text-font-size;
496
496
  }
497
497
 
498
+ &.e-device .e-groupheadercell {
499
+ padding: $grid-device-group-headercell-padding;
500
+ }
501
+
498
502
  .e-groupheadercell:hover {
499
503
  padding: $grid-bigger-group-headercell-hover-padding;
500
504
  }
@@ -551,6 +555,7 @@
551
555
 
552
556
  &.e-device .e-groupheadercell span {
553
557
  line-height: $grid-device-groupheadercell-span-line-height;
558
+ padding: $grid-device-grouped-headercell-span-padding;
554
559
  }
555
560
 
556
561
  &.e-device .e-rowcell,
@@ -623,6 +628,7 @@
623
628
  margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
624
629
  margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
625
630
  margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
631
+ padding-top: $grid-bigger-ungroupbutton-icon-padding-top;
626
632
  @if $grid-skin == 'fluent' {
627
633
  padding: 0 4px;
628
634
  }
@@ -631,6 +637,13 @@
631
637
  }
632
638
  }
633
639
 
640
+ &.e-device span.e-ungroupbutton.e-icons {
641
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
642
+ @if $grid-skin == 'bootstrap4' {
643
+ padding-top: 0;
644
+ }
645
+ }
646
+
634
647
  span.e-ungroupbutton.e-icons:hover {
635
648
  @if $grid-skin == 'tailwind' {
636
649
  color: $cool-gray-700;
@@ -649,6 +662,10 @@
649
662
  }
650
663
  }
651
664
 
665
+ &.e-device span.e-groupsort.e-icons {
666
+ margin-top: $grid-device-group-sorticon-margin-top;
667
+ }
668
+
652
669
  &.e-rtl span.e-groupsort.e-icons {
653
670
  @if $grid-skin == 'fluent' {
654
671
  margin-top: 0;
@@ -668,9 +685,12 @@
668
685
  &.e-rtl span.e-ungroupbutton.e-icons {
669
686
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
670
687
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
671
- margin-top: $grid-bigger-rtl-ungroup-icon-margin-top;
672
- padding-top: $grid-ungroup-rtl-padding-top;
688
+ margin-top: $grid-bigger-sorticon-margin-top;
673
689
  padding-left: $grid-ungroup-rtl-padding-left;
690
+ @if $grid-skin == 'fluent' {
691
+ margin-top: 0;
692
+ padding: 0 4px;
693
+ }
674
694
  }
675
695
 
676
696
  .e-groupcaption {
@@ -1344,6 +1364,7 @@
1344
1364
  border-collapse: separate;
1345
1365
  table-layout: fixed;
1346
1366
  width: 100%;
1367
+ border-spacing: 0.25px;
1347
1368
  }
1348
1369
 
1349
1370
  .e-tableborder {
@@ -1952,6 +1973,8 @@
1952
1973
  border-top-style: $grid-border-type;
1953
1974
  border-top-width: $grid-border-size;
1954
1975
  padding: .3em;
1976
+ font-weight: normal;
1977
+ text-align: left;
1955
1978
  }
1956
1979
 
1957
1980
  th.e-detailcell .e-rowcell,
@@ -2493,14 +2516,9 @@
2493
2516
 
2494
2517
  span.e-ungroupbutton.e-icons {
2495
2518
  margin-left: $group-unpgrouicon-margin-left;
2496
- margin-top: $grid-group-unpgroupicon-margin-top;
2519
+ margin-top: $group-sorticon-margin-top;
2520
+ padding-top: $grid-group-unpgroupicon-padding-top;
2497
2521
  padding-right: $grid-group-unpgroupicon-padding-right;
2498
- @if $grid-skin == 'bootstrap4' {
2499
- padding-top: 4px;
2500
- }
2501
- @else if $grid-skin == 'tailwind' {
2502
- padding-top: 1px;
2503
- }
2504
2522
  }
2505
2523
 
2506
2524
  span.e-ungroupbutton.e-icons:hover {
@@ -3286,6 +3304,7 @@
3286
3304
  &.e-default.e-bothlines .e-detailcell {
3287
3305
  border-right-style: solid;
3288
3306
  border-right-width: 1px;
3307
+ text-align: right;
3289
3308
  }
3290
3309
 
3291
3310
  & .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -3783,6 +3802,10 @@
3783
3802
  &.e-rtl .e-groupheadercell span {
3784
3803
  padding: $grid-bigger-rtl-group-span-padding;
3785
3804
  }
3805
+
3806
+ &.e-device.e-rtl .e-groupheadercell span {
3807
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
3808
+ }
3786
3809
  }
3787
3810
 
3788
3811
  #{&}.e-grid-min-height {
@@ -3999,9 +4022,17 @@
3999
4022
  position: absolute;
4000
4023
  top: 6px;
4001
4024
  white-space: nowrap;
4025
+ text-overflow: ellipsis;
4026
+ overflow: hidden;
4002
4027
  width: 45%;
4003
4028
  }
4004
4029
 
4030
+ & .e-verticalwrap td::before {
4031
+ line-height: $grid-rowcell-wrap-height;
4032
+ white-space: normal;
4033
+ word-wrap: break-word;
4034
+ }
4035
+
4005
4036
  & td[data-cell] {
4006
4037
  padding-bottom: 5px;
4007
4038
  padding-left: 55%;
package/styles/grid/_material-dark-definition.scss CHANGED
@@ -33,7 +33,7 @@ $grid-group-down-arrow-icon-padding: 14px 9px 12px 9px !default;
33
33
  $grid-group-right-arrow-icon-font-size: 10px !default;
34
34
  $grid-group-right-arrow-icon-padding: 14px 9px 14px 10px !default;
35
35
  $grid-group-clone-text-align: center !default;
36
- $grid-group-unpgroupicon-margin-top: 0 !default;
36
+ $grid-group-unpgroupicon-padding-top: 0 !default;
37
37
  $grid-ungroup-rtl-padding-right: 6px !default;
38
38
  $filter-text-color: $content-font-color !default;
39
39
  $grid-wrap-line-height: 3px !default;
@@ -141,16 +141,17 @@ $grid-bigger-groupedcell-padding: 11px 0 12px !default;
141
141
  $grid-bigger-grouped-headercell-border-radius: 16px !default;
142
142
  $grid-bigger-group-headercell-margin: 4px 0 0 24px !default;
143
143
  $grid-bigger-group-headercell-padding: 0 8px 0 12px !default;
144
+ $grid-device-group-headercell-padding: 0 8px 0 12px !default;
144
145
  $grid-bigger-group-clone-padding: 6px !default;
145
146
  $grid-bigger-grouptext-width: 76px !default;
146
147
  $grid-bigger-ungroup-button-font-size: 16px !default;
147
148
  $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
149
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
148
150
  $grid-bigger-group-text-line-height: 32px !default;
149
151
  $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
150
152
  $grid-bigger-groupcaption-line-height: 32px !default;
151
153
  $grid-bigger-grouparea-font-size: 19px !default;
152
154
  $grid-bigger-rtl-group-headercell-margin: 3px 24px 0 0 !default;
153
- $grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
154
155
  $grid-bigger-rtl-ungroup-icon-margin-right: 6px !default;
155
156
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
156
157
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -163,7 +164,9 @@ $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
163
164
  $grid-bigger-cc-checkbox-padding-left: 12px !default;
164
165
  $grid-bigger-searchdiv-padding-left: 6px !default;
165
166
  $grid-bigger-sorticon-margin-top: 0 !default;
167
+ $grid-device-group-sorticon-margin-top: 0 !default;
166
168
  $grid-bigger-groupcell-span-padding: 0 !default;
169
+ $grid-device-grouped-headercell-span-padding: 0 !default;
167
170
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
168
171
  $grid-device-groupheadercell-span-line-height: 30px !default;
169
172
  $grid-device-ungroupbutton-line-height: 33px !default;
@@ -476,6 +479,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
476
479
  $grid-bigger-draganddrop-clone-padding: 0 !default;
477
480
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;
478
481
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
482
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
479
483
  $grid-bigger-font-size: $grid-font-size !default;
480
484
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
481
485
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -587,6 +591,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
587
591
  $grid-cc-margin-top: 1px !default;
588
592
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
589
593
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
594
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
590
595
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
591
596
  $grid-ungroup-rtl-padding-left: 0 !default;
592
597
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
package/styles/grid/_material-definition.scss CHANGED
@@ -37,7 +37,7 @@ $grid-group-down-arrow-icon-padding: 14px 9px 12px 9px !default;
37
37
  $grid-group-right-arrow-icon-font-size: 10px !default;
38
38
  $grid-group-right-arrow-icon-padding: 14px 9px 14px 10px !default;
39
39
  $grid-group-clone-text-align: center !default;
40
- $grid-group-unpgroupicon-margin-top: 0 !default;
40
+ $grid-group-unpgroupicon-padding-top: 0 !default;
41
41
  $grid-ungroup-rtl-padding-right: 6px !default;
42
42
  $filter-text-color: $content-font-color !default;
43
43
  $grid-wrap-line-height: 3px !default;
@@ -146,16 +146,17 @@ $grid-bigger-groupedcell-padding: 11px 0 12px !default;
146
146
  $grid-bigger-grouped-headercell-border-radius: 16px !default;
147
147
  $grid-bigger-group-headercell-margin: 4px 0 0 24px !default;
148
148
  $grid-bigger-group-headercell-padding: 0 8px 0 12px !default;
149
+ $grid-device-group-headercell-padding: 0 8px 0 12px !default;
149
150
  $grid-bigger-group-clone-padding: 6px !default;
150
151
  $grid-bigger-grouptext-width: 76px !default;
151
152
  $grid-bigger-ungroup-button-font-size: 16px !default;
152
153
  $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
154
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
153
155
  $grid-bigger-group-text-line-height: 32px !default;
154
156
  $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
155
157
  $grid-bigger-groupcaption-line-height: 32px !default;
156
158
  $grid-bigger-grouparea-font-size: 19px !default;
157
159
  $grid-bigger-rtl-group-headercell-margin: 3px 24px 0 0 !default;
158
- $grid-bigger-rtl-ungroup-icon-margin-top: 0 !default;
159
160
  $grid-bigger-rtl-ungroup-icon-margin-right: 6px !default;
160
161
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
161
162
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -168,7 +169,9 @@ $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
168
169
  $grid-bigger-cc-checkbox-padding-left: 12px !default;
169
170
  $grid-bigger-searchdiv-padding-left: 6px !default;
170
171
  $grid-bigger-sorticon-margin-top: 0 !default;
172
+ $grid-device-group-sorticon-margin-top: 0 !default;
171
173
  $grid-bigger-groupcell-span-padding: 0 !default;
174
+ $grid-device-grouped-headercell-span-padding: 0 !default;
172
175
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
173
176
  $grid-device-groupheadercell-span-line-height: 30px !default;
174
177
  $grid-device-ungroupbutton-line-height: 33px !default;
@@ -475,6 +478,7 @@ $grid-bigger-clone-padding: $grid-clone-padding !default;
475
478
  $grid-bigger-draganddrop-clone-padding: 0 !default;
476
479
  $grouped-bigger-text-font-size: $grouped-text-font-size !default;
477
480
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
481
+ $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
478
482
  $grid-bigger-font-size: $grid-font-size !default;
479
483
  $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
480
484
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
@@ -585,6 +589,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
585
589
  $grid-cc-margin-top: 1px !default;
586
590
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
587
591
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
592
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
588
593
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
589
594
  $grid-ungroup-rtl-padding-left: 0 !default;
590
595
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;