@syncfusion/ej2-angular-grids 20.4.51 → 20.4.52

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 (42) hide show
  1. package/package.json +7 -7
  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 +3 -2
  6. package/styles/bootstrap.css +3 -2
  7. package/styles/bootstrap4.css +3 -2
  8. package/styles/bootstrap5-dark.css +6 -5
  9. package/styles/bootstrap5.css +6 -5
  10. package/styles/excel-filter/_bootstrap5-definition.scss +2 -2
  11. package/styles/excel-filter/_fluent-definition.scss +2 -2
  12. package/styles/excel-filter/_tailwind-definition.scss +2 -2
  13. package/styles/fabric-dark.css +3 -2
  14. package/styles/fabric.css +3 -2
  15. package/styles/fluent-dark.css +6 -5
  16. package/styles/fluent.css +6 -5
  17. package/styles/grid/_bootstrap5-definition.scss +36 -36
  18. package/styles/grid/_fluent-definition.scss +36 -36
  19. package/styles/grid/_layout.scss +1 -1
  20. package/styles/grid/_tailwind-definition.scss +28 -28
  21. package/styles/grid/_theme.scss +2 -1
  22. package/styles/grid/bootstrap-dark.css +3 -2
  23. package/styles/grid/bootstrap.css +3 -2
  24. package/styles/grid/bootstrap4.css +3 -2
  25. package/styles/grid/bootstrap5-dark.css +6 -5
  26. package/styles/grid/bootstrap5.css +6 -5
  27. package/styles/grid/fabric-dark.css +3 -2
  28. package/styles/grid/fabric.css +3 -2
  29. package/styles/grid/fluent-dark.css +6 -5
  30. package/styles/grid/fluent.css +6 -5
  31. package/styles/grid/highcontrast-light.css +3 -2
  32. package/styles/grid/highcontrast.css +3 -2
  33. package/styles/grid/material-dark.css +3 -2
  34. package/styles/grid/material.css +3 -2
  35. package/styles/grid/tailwind-dark.css +6 -5
  36. package/styles/grid/tailwind.css +6 -5
  37. package/styles/highcontrast-light.css +3 -2
  38. package/styles/highcontrast.css +3 -2
  39. package/styles/material-dark.css +3 -2
  40. package/styles/material.css +3 -2
  41. package/styles/tailwind-dark.css +6 -5
  42. package/styles/tailwind.css +6 -5
package/styles/grid/_fluent-definition.scss CHANGED
@@ -81,13 +81,13 @@ $grid-column-reorder-icon-color: $primary !default;
81
81
  // Dimension
82
82
  $grid-content-padding: 7px !default;
83
83
  $grid-headecell-height: 36px !default;
84
- $grid-font-size: 14px !default;
84
+ $grid-font-size: $text-sm !default;
85
85
  $grid-border-type: solid !default;
86
86
  $grid-vertical-border-size: 1px !default;
87
87
  $grid-horizontal-border-size: 1px !default;
88
88
  $grid-font-family: $font-family !default;
89
- $grid-header-font-size: 14px !default;
90
- $grid-bigger-header-font-size: 16px !default;
89
+ $grid-header-font-size: $text-sm !default;
90
+ $grid-bigger-header-font-size: $text-base !default;
91
91
  $grid-group-text-line-height: 22px !default;
92
92
  $grid-wrap-line-height: 18px !default;
93
93
  $grid-wrap-margin-bottom: 2px !default;
@@ -133,7 +133,7 @@ $grid-columnchooser-footer-border-opacity: 1 !default;
133
133
  $grid-columnchooser-toolbar-div-padding: 0 10px !default;
134
134
  $grid-columnchooser-toolbar-icon-line-height: 1.9 !default;
135
135
  $grid-columnchooser-toolbar-icon-font-size: 15px !default;
136
- $grid-columnchooser-btn-font-size: 16px !default;
136
+ $grid-columnchooser-btn-font-size: $text-base !default;
137
137
  $grid-columnchooser-btn-line-height: 3 !default;
138
138
  $grid-columnchooser-toolbardiv-padding: 4px !default;
139
139
  $grid-columnchooser-toolbardiv-margin-top: -5px !default;
@@ -218,7 +218,7 @@ $grid-filterbarcell-input-padding: 0 26px 0 10px !default;
218
218
  $grid-header-first-last-cell-padding: 7px !default;
219
219
  $grid-headercell-both-border-width: 0 0 0 1px !default;
220
220
  $grid-headercelldiv-margin: -5px !default;
221
- $grid-icon-font-size: 16px !default;
221
+ $grid-icon-font-size: $text-base !default;
222
222
  $grid-border-size: 1px !default;
223
223
  $grid-header-padding: 7px !default;
224
224
  $grid-header-wrap-sortfilter-div-margin: -34px 5px !default;
@@ -241,7 +241,7 @@ $grid-toolbar-search-icon-min-width: 32px !default;
241
241
  $grid-toolbar-search-wrapper-padding-bottom: 6px !default;
242
242
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
243
243
  $grid-toolbar-search-clear-icon-min-width: 32px !default;
244
- $grid-toolbar-search-clear-icon-font-size: 14px !default;
244
+ $grid-toolbar-search-clear-icon-font-size: $text-sm !default;
245
245
  $grid-toolbar-search-clear-icon-padding: 0 !default;
246
246
  $grid-toolbar-search-clear-icon-margin-right: 0 !default;
247
247
  $grid-rtl-toolbar-search-clear-icon-padding: 0 !default;
@@ -249,12 +249,12 @@ $grid-rtl-toolbar-search-clear-icon-margin: 0 !default;
249
249
  $grid-bigger-toolbar-search-clear-icon-padding: 0 !default;
250
250
  $grid-bigger-toolbar-search-clear-icon-min-width: 38px !default;
251
251
  $grid-bigger-toolbar-search-clear-icon-margin: 0 !default;
252
- $grid-bigger-toolbar-search-clear-icon-font-size: 18px !default;
252
+ $grid-bigger-toolbar-search-clear-icon-font-size: $text-lg !default;
253
253
  $grid-rtl-bigger-toolbar-search-clear-icon-padding: 0 !default;
254
254
  $grid-rtl-bigger-toolbar-search-clear-icon-min-width: 38px !default;
255
255
  $grid-rtl-bigger-toolbar-search-clear-icon-margin: 0 !default;
256
256
  $grid-responsive-toolbar-search-clear-icon-margin: 0 !default;
257
- $grid-responsive-toolbar-search-clear-icon-font-size: 18px !default;
257
+ $grid-responsive-toolbar-search-clear-icon-font-size: $text-lg !default;
258
258
  $grid-rtl-responsive-toolbar-search-clear-icon-margin: 0 !default;
259
259
  $grid-res-toolbar-clear-icon-width: 100% !default;
260
260
  $grid-res-toolbar-clear-icon-margin: 0 !default;
@@ -266,7 +266,7 @@ $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
266
266
  $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
267
267
  $grid-bigger-command-column-padding-bottom: 4.5px !default;
268
268
  $grid-bigger-command-column-padding-top: 4.5px !default;
269
- $grid-summary-cell-font-size: 14px !default;
269
+ $grid-summary-cell-font-size: $text-sm !default;
270
270
  $grid-filterbarcell-border-width: 1px 0 0 !default;
271
271
  $grid-filterbarcell-first-last-child-padding-left: 2px !default;
272
272
  $grid-filterbarcell-padding: 1px 2px !default;
@@ -285,9 +285,9 @@ $grid-sortdiv-right-align-margin: -30px 5px !default;
285
285
  $grid-sortdiv-margin: -30px 5px !default;
286
286
  $grid-sortdiv-padding: 15px 0 !default;
287
287
  $grid-ungroup-button-line-height: 22px !default;
288
- $grid-ungroup-button-font-size: 12px !default;
288
+ $grid-ungroup-button-font-size: $text-xs !default;
289
289
  $grid-grouparea-first-cell-margin: 0 6px 0 12px !default;
290
- $grid-grouparea-font-size: 12px !default;
290
+ $grid-grouparea-font-size: $text-xs !default;
291
291
  $grid-grouparea-margin: 4px 0 4px 4px !default;
292
292
  $grid-group-headercell-line-height: 30px !default;
293
293
  $grid-grouped-headercell-padding: 3px 0 !default;
@@ -301,13 +301,13 @@ $grouped-text-font-size: $text-sm !default;
301
301
  $group-header-border-radius: 0 !default;
302
302
  $grid-headecell-span-height: 30px !default;
303
303
  $grid-drag-clone-opacity: 1 !default;
304
- $grid-group-down-arrow-icon-font-size: 16px !default;
304
+ $grid-group-down-arrow-icon-font-size: $text-base !default;
305
305
  $grid-group-down-arrow-icon-padding: 9px 7px 9px 7px !default;
306
306
  $group-expand-icon-text-indent: 11px !default;
307
- $group-sorticon-font-size: 12px !default;
307
+ $group-sorticon-font-size: $text-xs !default;
308
308
  $grid-rowcell-both-border-width: 1px 0 0 1px !default;
309
309
  $grid-indentcell-border-width: 0 1px 0 0 !default;
310
- $grid-group-right-arrow-icon-font-size: 16px !default;
310
+ $grid-group-right-arrow-icon-font-size: $text-base !default;
311
311
  $grid-group-right-arrow-icon-padding: 8px 7px 11px 7px !default;
312
312
  $grid-group-unpgroupicon-margin-top: 1px !default;
313
313
  $grid-summary-cell-line-height: 14px !default;
@@ -337,14 +337,14 @@ $grid-headercelldiv-padding: 0 20px 0 5px !default;
337
337
  $grid-headercell-div-padding: 0 .4em !default;
338
338
  $grid-group-text-width: auto !default;
339
339
  $grid-grouptopleftcell-border-top: 2px solid !default;
340
- $grid-group-caption-font-size: 14px !default;
340
+ $grid-group-caption-font-size: $text-sm !default;
341
341
  $grid-group-caption-header-padding: .7em !default;
342
342
  $group-sorticon-margin-left: -8px !default;
343
343
  $group-sorticon-margin-top: -3px !default;
344
344
  $grid-bigger-headercell-line-height: 44px !default;
345
345
  $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
346
346
  $grid-bigger-rowcell-line-height: 1 !default;
347
- $grid-bigger-font-size: 16px !default;
347
+ $grid-bigger-font-size: $text-base !default;
348
348
  $group-unpgrouicon-margin-left: -13px !default;
349
349
  $grid-group-ungroupicon-margin-left: -9px !default;
350
350
  $grid-group-clone-text-align: left !default;
@@ -353,8 +353,8 @@ $grid-bigger-first-last-rowcell-padding: 8px !default;
353
353
  $grid-bigger-content-padding: 13.5px !default;
354
354
  $grid-bigger-group-line-height: 48px !default;
355
355
  $grid-bigger-content-right-padding: 12px !default;
356
- $grid-bigger-headercell-font-size: 16px !default;
357
- $grid-bigger-content-font-size: 16px !default;
356
+ $grid-bigger-headercell-font-size: $text-base !default;
357
+ $grid-bigger-content-font-size: $text-base !default;
358
358
  $grid-filterbar-border-radius: 4px !default;
359
359
  $grid-bigger-sorticon-margin-top: -4px !default;
360
360
  $grid-header-border-width: 0 !default;
@@ -363,17 +363,17 @@ $grid-bigger-group-headercell-margin: 6px 0 6px 8px !default;
363
363
  $grid-bigger-group-headercell-padding: 6px 0 !default;
364
364
  $grid-bigger-grouptext-marign: 0 !default;
365
365
  $grid-bigger-headercell-padding: 12px !default;
366
- $grid-bigger-icons-font-size: 16px !default;
366
+ $grid-bigger-icons-font-size: $text-base !default;
367
367
  $group-collapse-icon-text-indent: 11px !default;
368
- $grid-bigger-grouparea-font-size: 14px !default;
368
+ $grid-bigger-grouparea-font-size: $text-sm !default;
369
369
  $grid-bigger-grouped-headercell-border-radius: 0 !default;
370
370
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
371
- $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
371
+ $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
372
372
  $grid-bigger-groupcell-span-padding: 8px 4px 14px 12px !default;
373
373
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
374
374
  $grid-bigger-ungroupbutton-icon-margin-top: -4px !default;
375
375
  $grid-bigger-groupcell-span-line-height: 30px !default;
376
- $grid-bigger-gdownarrow-icon-font-size: 18px !default;
376
+ $grid-bigger-gdownarrow-icon-font-size: $text-lg !default;
377
377
  $grid-gd-clone-border-radius: 4px !default;
378
378
  $grid-bigger-group-clone-broder-radius: 6px !default;
379
379
  $grid-gd-clone-padding: 7px 4px 4px !default;
@@ -390,7 +390,7 @@ $grid-cc-checkbox-padding-left: 8px !default;
390
390
  $grid-column-chooser-searchdiv-left: 1px !default;
391
391
  $grid-columnchooser-content-margin: 40px 0 0 !default;
392
392
  $grid-bigger-columnchooser-content-margin: 40px 0 0 !default;
393
- $grid-bigger-columnchooser-btn-font-size: 18px !default;
393
+ $grid-bigger-columnchooser-btn-font-size: $text-lg !default;
394
394
  $grid-bigger-sortdiv-rightalign-margin: -32px -5px !default;
395
395
  $grid-bigger-sortdiv-margin: -32px -2px !default;
396
396
  $grid-bigger-header-icons-font-size: 22px !default;
@@ -451,8 +451,8 @@ $grid-bigger-wrap-rightalign-sortdiv-margin: -30px -5px !default;
451
451
  $grid-bigger-wrap-rightalign-fltricon-sortdiv-margin: -26px -20px 0 0 !default;
452
452
  $grid-bigger-wrap-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
453
453
  $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -28px 0 !default;
454
- $grid-drag-font-size: 16px !default;
455
- $grid-drag-icon-font-weight: bold !default;
454
+ $grid-drag-font-size: $text-base !default;
455
+ $grid-drag-icon-font-weight: $font-weight-bold !default;
456
456
  $grid-drag-move-icon: 10px !default;
457
457
  $grid-dragdrop-padding: 2px !default;
458
458
  $grid-dragborder-box-shadow: 0 2px 0 0 $primary-border-color !default;
@@ -476,16 +476,16 @@ $grid-bigger-sortnumber-margin: 2px 1px 1px 2px !default;
476
476
  $grid-bigger-fltr-sortnumber-margin: $grid-bigger-sortnumber-margin !default;
477
477
  $grid-rtl-searchclear: 0 !default;
478
478
  $grid-column-chosser-searchdiv-top: -48px !default;
479
- $grid-reorderarrow-font-size: 10px !default;
479
+ $grid-reorderarrow-font-size: $text-xxs !default;
480
480
  $grid-bigger-wrap-line-height: 24px !default;
481
481
  $grid-bigger-clone-padding: 3px 0 0 8px !default;
482
482
  $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
483
- $grouped-bigger-text-font-size: 16px !default;
483
+ $grouped-bigger-text-font-size: $text-base !default;
484
484
  $grid-bigger-ungroupbutton-icon-margin-right: 4px !default;
485
- $grid-bigger-font-size: 16px !default;
485
+ $grid-bigger-font-size: $text-base !default;
486
486
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -23px 0 -18px -42px !default;
487
487
  $grid-bigger-rtl-ungroup-icon-margin-left: -9px !default;
488
- $grid-grouparea-font-weight: normal !default;
488
+ $grid-grouparea-font-weight: $font-weight-normal !default;
489
489
  $grid-ungroup-rtl-margin-left: 0 !default;
490
490
  $grid-rtl-group-sorticon-margin-left: -5px !default;
491
491
  $grid-rtl-column-menu-left: 23px !default;
@@ -513,7 +513,7 @@ $grid-animator-margin-left: 8px !default;
513
513
  $grid-animator-padding-bottom: 10px !default;
514
514
  $grid-animator-line-height: 21px !default;
515
515
  $grid-animator-line-height-next: 32px !default;
516
- $grid-animator-font-size-drag: 12px !default;
516
+ $grid-animator-font-size-drag: $text-xs !default;
517
517
  $grid-animator-opacity: 1 !default;
518
518
  $grid-animator-drag-margin-left: 8px !default;
519
519
  $grid-animator-first-group: 12px 0 12px 12px !default;
@@ -529,9 +529,9 @@ $grid-responsive-search-icon-right: 0 !default;
529
529
  $grid-responsive-search-padding-right: 18px !default;
530
530
  $grid-responsive-search-padding-left: 18px !default;
531
531
  $grid-responsive-header-search: 6px !default;
532
- $grid-responsive-res-apply-btn-font-size: 16px !default;
532
+ $grid-responsive-res-apply-btn-font-size: $text-base !default;
533
533
  $grid-responsive-res-apply-btn-margin-top: 0 !default;
534
- $grid-responsive-sort-clear-btn-font-size: 16px !default;
534
+ $grid-responsive-sort-clear-btn-font-size: $text-base !default;
535
535
  $grid-responsive-sort-clear-margin-top: 0 !default;
536
536
  $grid-responsive-icon-filter-clear: 16px !default;
537
537
  $grid-responsive-icon-filter-clear-bottom: 10px !default;
@@ -554,7 +554,7 @@ $grid-header-text-transform: none !default;
554
554
  $grid-headerclone-font-size: $grid-content-font-size !default;
555
555
  $grid-group-drop-area-border: dashed !default;
556
556
  $grid-group-drop-area-border-width: 1px !default;
557
- $grid-sortnumber-font-size: 12px !default;
557
+ $grid-sortnumber-font-size: $text-xs !default;
558
558
  $grid-reorderarrow-margin-top: -6.5px !default;
559
559
  $grid-reorderdownarrow-margin-top: 4.5px !default;
560
560
  $grid-reorder-arrow-top-margin: 0 !default;
@@ -574,10 +574,10 @@ $grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
574
574
  $grid-bigger-sort-margin: -31px 3px !default;
575
575
  $grid-bigger-sort-right-margin: 2px 2px 0 0 !default;
576
576
  $grid-skin: 'fluent' !default;
577
- $grid-biggerreorderarrow-font-size: 14px !default;
577
+ $grid-biggerreorderarrow-font-size: $text-sm !default;
578
578
  $grid-bigger-drag-count-padding: 3px 8px 4px !default;
579
579
  $grid-bigger-drag-count-top: -14px !default;
580
- $grid-bigger-check-select-all-font-size: 10px !default;
580
+ $grid-bigger-check-select-all-font-size: $text-xxs !default;
581
581
  $grid-adaptive-sort-clear-button-padding: 4px !default;
582
582
  $grid-cc-margin-top: 2px !default;
583
583
  $grid-bigger-rtl-cm-margin: -20px -18px -5px -22px !default;
@@ -585,7 +585,7 @@ $grid-bigger-rtl-group-span-padding: 11.5px 4px 14px 4px !default;
585
585
  $grid-rtl-group-span-padding: 4px 12px 4px 8px !default;
586
586
  $grid-ungroup-rtl-padding-left: 8px !default;
587
587
  $grid-bigger-headercell-top-padding: 0 !default;
588
- $grid-bigger-icon-font-size: 18px !default;
588
+ $grid-bigger-icon-font-size: $text-lg !default;
589
589
  $grid-rtl-mselect-dd-indicator-left: -6px !default;
590
590
  $grid-toolbar-text-opacity: .6 !default;
591
591
  $grid-toolbar-searchbar-text-opacity: 1 !default;
package/styles/grid/_layout.scss CHANGED
@@ -3525,7 +3525,7 @@
3525
3525
  border-top: 0;
3526
3526
  }
3527
3527
 
3528
- & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
3528
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
3529
3529
  border-right: 0;
3530
3530
  }
3531
3531
 
package/styles/grid/_tailwind-definition.scss CHANGED
@@ -80,7 +80,7 @@ $grid-columnchooser-footer-border-opacity: 1 !default;
80
80
  $grid-columnchooser-toolbar-div-padding: 0 10px !default;
81
81
  $grid-columnchooser-toolbar-icon-line-height: 1.9 !default;
82
82
  $grid-columnchooser-toolbar-icon-font-size: 15px !default;
83
- $grid-columnchooser-btn-font-size: 18px !default;
83
+ $grid-columnchooser-btn-font-size: $text-lg !default;
84
84
  $grid-columnchooser-btn-line-height: 3 !default;
85
85
  $grid-columnchooser-toolbardiv-padding: 4px !default;
86
86
  $grid-columnchooser-toolbardiv-margin-top: 0 !default;
@@ -108,7 +108,7 @@ $grid-rtl-stackedhader-firstcell-right-border-size: 1px !default;
108
108
  $grid-rtl-bothlines-stackedhader-firstcell-left-border-size: 1px !default;
109
109
  $grid-rtl-bothlines-stackedhader-firstcell-right-border-size: 0 !default;
110
110
  $grid-bigger-headercell-bootom-padding: round(math.div($grid-header-bottom-padding, .75)) !default;
111
- $grid-bigger-grightarrow-icon-font-size: 16px !default;
111
+ $grid-bigger-grightarrow-icon-font-size: $text-base !default;
112
112
  $group-bigger-sorticon-margin-right: 0 !default;
113
113
  $grid-bigger-groupdroparea-padding: 13px 6px !default;
114
114
  $grid-bigger-group-headercell-height: 34px !default;
@@ -170,7 +170,7 @@ $grid-header-bg-color: $content-bg-color-alt1 !default;
170
170
  $grid-header-color: $content-text-color-alt2 !default;
171
171
  $grid-headercell-both-border-width: 0 0 0 1px !default;
172
172
  $grid-headercelldiv-margin: -5px !default;
173
- $grid-icon-font-size: 14px !default;
173
+ $grid-icon-font-size: $text-sm !default;
174
174
  $grid-border-size: 1px !default;
175
175
  $grid-header-padding: 8px !default;
176
176
  $grid-header-wrap-sortfilter-div-margin: -21px 5px !default;
@@ -199,7 +199,7 @@ $grid-toolbar-search-margin-bottom: 0 !default;
199
199
  $grid-toolbar-search-width: 230px !default;
200
200
  $grid-toolbar-search-icon-min-width: 32px !default;
201
201
  $grid-toolbar-search-clear-icon-min-width: 33px !default;
202
- $grid-toolbar-search-clear-icon-font-size: 18px !default;
202
+ $grid-toolbar-search-clear-icon-font-size: $text-lg !default;
203
203
  $grid-toolbar-search-clear-icon-padding: 5px 0 5px 4px !default;
204
204
  $grid-toolbar-search-clear-icon-margin-right: 0 !default;
205
205
  $grid-rtl-toolbar-search-clear-icon-padding: 5px 4px 5px 0 !default;
@@ -212,11 +212,11 @@ $grid-rtl-bigger-toolbar-search-clear-icon-padding: 7px 6px 7px 0 !default;
212
212
  $grid-rtl-bigger-toolbar-search-clear-icon-min-width: 38px !default;
213
213
  $grid-rtl-bigger-toolbar-search-clear-icon-margin: 0 !default;
214
214
  $grid-responsive-toolbar-search-clear-icon-margin: 0 !default;
215
- $grid-responsive-toolbar-search-clear-icon-font-size: 16px !default;
215
+ $grid-responsive-toolbar-search-clear-icon-font-size: $text-base !default;
216
216
  $grid-rtl-responsive-toolbar-search-clear-icon-margin: 0 !default;
217
217
  $grid-res-toolbar-clear-icon-width: 100% !default;
218
218
  $grid-res-toolbar-clear-icon-margin: 0 !default;
219
- $grid-res-toolbar-search-clear-icon-font-size: 16px !default;
219
+ $grid-res-toolbar-search-clear-icon-font-size: $text-base !default;
220
220
  $grid-res-toolbar-search-wrapper-padding: 3px 16px 3px 0 !default;
221
221
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
222
222
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
@@ -226,7 +226,7 @@ $grid-bigger-toolbar-search-wrapper-padding-bottom: 3px !default;
226
226
  $grid-bigger-toolbar-search-wrapper-padding-top: 3px !default;
227
227
  $grid-bigger-command-column-padding-bottom: 2.2px !default;
228
228
  $grid-bigger-command-column-padding-top: 2.2px !default;
229
- $grid-summary-cell-font-size: 12px !default;
229
+ $grid-summary-cell-font-size: $text-xs !default;
230
230
  $grid-filterbarcell-border-width: 2px 0 0 !default;
231
231
  $grid-filterbarcell-first-last-child-padding-left: 2px !default;
232
232
  $grid-filterbarcell-padding: 1px 2px !default;
@@ -250,7 +250,7 @@ $grid-sortdiv-right-align-margin: -13px 4px -13px -5px !default;
250
250
  $grid-sortdiv-margin: -13px -6px -13px 4px !default;
251
251
  $grid-sortdiv-padding: 3px !default;
252
252
  $grid-ungroup-button-line-height: 17px !default;
253
- $grid-ungroup-button-font-size: 14px !default;
253
+ $grid-ungroup-button-font-size: $text-sm !default;
254
254
  $grid-grouparea-first-cell-margin: 0 6px 0 12px !default;
255
255
  $grid-grouparea-font-size: $grid-content-font-size !default;
256
256
  $grid-grouparea-margin: 4px 4px 0 0 !default;
@@ -275,14 +275,14 @@ $grouped-droparea-bg-color: $content-bg-color !default;
275
275
  $grid-drag-clone-border-color: $border-light !default;
276
276
  $grid-drag-clone-bg-color: $content-bg-color-alt3 !default;
277
277
  $group-caption-font-color: $content-text-color-alt1 !default;
278
- $grid-group-down-arrow-icon-font-size: 14px !default;
278
+ $grid-group-down-arrow-icon-font-size: $text-sm !default;
279
279
  $grid-group-down-arrow-icon-padding: 11px 8px 10px 8px !default;
280
280
  $group-expand-icon-text-indent: 11px !default;
281
281
  $group-droparea-color: $content-text-color-alt3 !default;
282
- $group-sorticon-font-size: 14px !default;
282
+ $group-sorticon-font-size: $text-sm !default;
283
283
  $grid-rowcell-both-border-width: 1px 0 0 1px !default;
284
284
  $grid-indentcell-border-width: 0 1px 0 0 !default;
285
- $grid-group-right-arrow-icon-font-size: 14px !default;
285
+ $grid-group-right-arrow-icon-font-size: $text-sm !default;
286
286
  $grid-group-right-arrow-icon-padding: 10px 8px 12px 8px !default;
287
287
  $grid-group-unpgroupicon-margin-top: 1px !default;
288
288
  $grid-summary-cell-line-height: 18px !default;
@@ -315,14 +315,14 @@ $grid-headercelldiv-padding: 0 20px 0 5px !default;
315
315
  $grid-headercell-div-padding: 0 .4em !default;
316
316
  $grid-group-text-width: auto !default;
317
317
  $grid-grouptopleftcell-border-top: 2px solid !default;
318
- $grid-group-caption-font-size: 12px !default;
318
+ $grid-group-caption-font-size: $text-xs !default;
319
319
  $grid-group-caption-header-padding: .7em !default;
320
320
  $group-sorticon-margin-left: -8px !default;
321
321
  $group-sorticon-margin-top: -2px !default;
322
322
  $grid-bigger-headercell-line-height: 42px !default;
323
323
  $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
324
324
  $grid-bigger-rowcell-line-height: 24px !default;
325
- $grid-bigger-font-size: 16px !default;
325
+ $grid-bigger-font-size: $text-base !default;
326
326
  $group-unpgrouicon-margin-left: -9px !default;
327
327
  $grid-group-ungroupicon-margin-left: -9px !default;
328
328
  $grid-group-clone-text-align: left !default;
@@ -341,17 +341,17 @@ $grid-bigger-group-headercell-margin: 5px 6px 0 0 !default;
341
341
  $grid-bigger-group-headercell-padding: 6px 0 !default;
342
342
  $grid-bigger-grouptext-marign: 8px !default;
343
343
  $grid-bigger-headercell-padding: 12px !default;
344
- $grid-bigger-icons-font-size: 16px !default;
344
+ $grid-bigger-icons-font-size: $text-base !default;
345
345
  $group-collapse-icon-text-indent: 11px !default;
346
346
  $grid-bigger-grouparea-font-size: $grid-bigger-content-font-size !default;
347
347
  $grid-bigger-grouped-headercell-border-radius: 0 !default;
348
348
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
349
- $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
349
+ $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
350
350
  $grid-bigger-groupcell-span-padding: 0 0 0 8px !default;
351
351
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
352
352
  $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
353
353
  $grid-bigger-groupcell-span-line-height: 24px !default;
354
- $grid-bigger-gdownarrow-icon-font-size: 16px !default;
354
+ $grid-bigger-gdownarrow-icon-font-size: $text-base !default;
355
355
  $grid-gd-clone-border-radius: 4px !default;
356
356
  $grid-bigger-group-clone-broder-radius: 6px !default;
357
357
  $grid-gd-clone-padding: 7px 4px 4px !default;
@@ -372,7 +372,7 @@ $grid-bigger-columnchooser-content-margin: 40px 0 0 !default;
372
372
  $grid-bigger-columnchooser-btn-font-size: 22px !default;
373
373
  $grid-bigger-sortdiv-rightalign-margin: -15px 6px -15px -6px !default;
374
374
  $grid-bigger-sortdiv-margin: -15px -6px -15px 6px !default;
375
- $grid-bigger-header-icons-font-size: 12px !default;
375
+ $grid-bigger-header-icons-font-size: $text-xs !default;
376
376
  $grid-bigger-grouptext-width: auto !default;
377
377
  $grid-edit-input-margin-top: 2px !default;
378
378
  $grid-td-checkbox-margin-top: 0 !default;
@@ -443,8 +443,8 @@ $grid-bigger-wrap-rightalign-sortdiv-margin: -30px -5px !default;
443
443
  $grid-bigger-wrap-rightalign-fltricon-sortdiv-margin: -26px -20px 0 0 !default;
444
444
  $grid-bigger-wrap-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
445
445
  $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -14px 0 !default;
446
- $grid-drag-font-size: 18px !default;
447
- $grid-drag-icon-font-weight: bold !default;
446
+ $grid-drag-font-size: $text-lg !default;
447
+ $grid-drag-icon-font-weight: $font-weight-bold !default;
448
448
  $grid-drag-move-icon: 10px !default;
449
449
  $grid-dragdrop-padding: 2px !default;
450
450
  $grid-dragborder-box-shadow: 0 2px 0 0 $primary !default;
@@ -475,16 +475,16 @@ $grid-bigger-sortnumber-margin: 0 6px 0 6px !default;
475
475
  $grid-bigger-fltr-sortnumber-margin: 0 9px 0 6px !default;
476
476
  $grid-rtl-searchclear: 0 !default;
477
477
  $grid-column-chosser-searchdiv-top: -41px !default;
478
- $grid-reorderarrow-font-size: 18px !default;
478
+ $grid-reorderarrow-font-size: $text-lg !default;
479
479
  $grid-bigger-wrap-line-height: 24px !default;
480
480
  $grid-bigger-clone-padding: 3px 0 0 8px !default;
481
481
  $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
482
- $grouped-bigger-text-font-size: 16px !default;
482
+ $grouped-bigger-text-font-size: $text-base !default;
483
483
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
484
- $grid-bigger-font-size: 16px !default;
484
+ $grid-bigger-font-size: $text-base !default;
485
485
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -15px 6px -15px -3px !default;
486
486
  $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
487
- $grid-grouparea-font-weight: normal !default;
487
+ $grid-grouparea-font-weight: $font-weight-normal !default;
488
488
  $grid-ungroup-rtl-margin-left: 0 !default;
489
489
  $grid-rtl-group-sorticon-margin-left: -5px !default;
490
490
  $grid-rtl-column-menu-left: 23px !default;
@@ -512,7 +512,7 @@ $grid-animator-margin-left: 8px !default;
512
512
  $grid-animator-padding-bottom: 10px !default;
513
513
  $grid-animator-line-height: 21px !default;
514
514
  $grid-animator-line-height-next: 32px !default;
515
- $grid-animator-font-size-drag: 12px !default;
515
+ $grid-animator-font-size-drag: $text-xs !default;
516
516
  $grid-animator-opacity: 1 !default;
517
517
  $grid-animator-drag-margin-left: 8px !default;
518
518
  $grid-animator-first-group: 12px 0 12px 12px !default;
@@ -535,9 +535,9 @@ $grid-responsive-filter-reset-color: $grid-filtered-color !default;
535
535
  $grid-responsive-toolbar-icon-color: $grid-icon-color !default;
536
536
  $grid-responsive-close-icon-color: $grid-icon-color !default;
537
537
  $grid-responsive-btn-background: $border-light !default;
538
- $grid-responsive-res-apply-btn-font-size: 18px !default;
538
+ $grid-responsive-res-apply-btn-font-size: $text-lg !default;
539
539
  $grid-responsive-res-apply-btn-margin-top: 0 !default;
540
- $grid-responsive-sort-clear-btn-font-size: 18px !default;
540
+ $grid-responsive-sort-clear-btn-font-size: $text-lg !default;
541
541
  $grid-responsive-sort-clear-margin-top: 0 !default;
542
542
  $grid-responsive-icon-filter-clear: $grid-bigger-icons-font-size !default;
543
543
  $grid-responsive-icon-filter-clear-bottom: 10px !default;
@@ -581,7 +581,7 @@ $grid-outter-border: $grid-header-border-color !default;
581
581
  $grid-btn-disabled-bgcolor: $secondary-bg-color-disabled !default;
582
582
  $grid-sort-number-size: 16px !default;
583
583
  $grid-bigger-sort-number-size: 18px !default;
584
- $grid-sort-number-font-size: 12px !default;
584
+ $grid-sort-number-font-size: $text-xs !default;
585
585
  $grid-filter-border-radius: 6px !default;
586
586
  $grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
587
587
  $grid-bigger-sort-margin: -14px -5px !default;
@@ -599,7 +599,7 @@ $grid-rtl-group-span-padding: $grid-grouped-headercell-span-padding !default;
599
599
  $grid-ungroup-rtl-padding-left: 8px !default;
600
600
  $grid-column-reorder-icon-color: $primary !default;
601
601
  $grid-bigger-headercell-top-padding: 12px !default;
602
- $grid-bigger-icon-font-size: 16px !default;
602
+ $grid-bigger-icon-font-size: $text-base !default;
603
603
  $grid-rtl-mselect-dd-indicator-left: -6px !default;
604
604
  $grid-toolbar-text-opacity: .6 !default;
605
605
  $grid-toolbar-searchbar-text-opacity: 1 !default;
package/styles/grid/_theme.scss CHANGED
@@ -549,7 +549,8 @@
549
549
  }
550
550
  }
551
551
 
552
- .e-ftrchk.e-chkfocus {
552
+ .e-ftrchk.e-chkfocus,
553
+ li.e-cclist.e-colfocus {
553
554
  background-color: $grid-hover-bg-color;
554
555
  }
555
556
  }
package/styles/grid/bootstrap-dark.css CHANGED
@@ -2976,7 +2976,7 @@
2976
2976
  border-right: 0;
2977
2977
  border-top: 0;
2978
2978
  }
2979
- .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
2979
+ .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
2980
2980
  border-right: 0;
2981
2981
  }
2982
2982
  .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
@@ -4093,7 +4093,8 @@
4093
4093
  .e-grid.sf-grid .e-gridfooter .e-summarycontent {
4094
4094
  border-right: 0 #484848 solid;
4095
4095
  }
4096
- .e-grid .e-ftrchk.e-chkfocus {
4096
+ .e-grid .e-ftrchk.e-chkfocus,
4097
+ .e-grid li.e-cclist.e-colfocus {
4097
4098
  background-color: #393939;
4098
4099
  }
4099
4100
 
package/styles/grid/bootstrap.css CHANGED
@@ -2977,7 +2977,7 @@
2977
2977
  border-right: 0;
2978
2978
  border-top: 0;
2979
2979
  }
2980
- .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
2980
+ .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
2981
2981
  border-right: 0;
2982
2982
  }
2983
2983
  .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
@@ -4094,7 +4094,8 @@
4094
4094
  .e-grid.sf-grid .e-gridfooter .e-summarycontent {
4095
4095
  border-right: 0 #ddd solid;
4096
4096
  }
4097
- .e-grid .e-ftrchk.e-chkfocus {
4097
+ .e-grid .e-ftrchk.e-chkfocus,
4098
+ .e-grid li.e-cclist.e-colfocus {
4098
4099
  background-color: #f5f5f5;
4099
4100
  }
4100
4101
 
package/styles/grid/bootstrap4.css CHANGED
@@ -3028,7 +3028,7 @@
3028
3028
  border-right: 0;
3029
3029
  border-top: 0;
3030
3030
  }
3031
- .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
3031
+ .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
3032
3032
  border-right: 0;
3033
3033
  }
3034
3034
  .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
@@ -4146,7 +4146,8 @@
4146
4146
  .e-grid.sf-grid .e-gridfooter .e-summarycontent {
4147
4147
  border-right: 0 #dee2e6 solid;
4148
4148
  }
4149
- .e-grid .e-ftrchk.e-chkfocus {
4149
+ .e-grid .e-ftrchk.e-chkfocus,
4150
+ .e-grid li.e-cclist.e-colfocus {
4150
4151
  background-color: rgba(0, 0, 0, 0.08);
4151
4152
  }
4152
4153
 
package/styles/grid/bootstrap5-dark.css CHANGED
@@ -1144,13 +1144,13 @@
1144
1144
  display: block;
1145
1145
  text-indent: 10px;
1146
1146
  font-size: 14px;
1147
- font-weight: bold;
1147
+ font-weight: 700;
1148
1148
  color: #adb5bd;
1149
1149
  opacity: 0.54;
1150
1150
  }
1151
1151
  .e-grid .e-row .e-icon-rowdragmoveicon::before {
1152
1152
  font-size: 14px;
1153
- font-weight: bold;
1153
+ font-weight: 700;
1154
1154
  }
1155
1155
  .e-grid .e-row .e-icon-rowdragmoveicon {
1156
1156
  padding-left: 10px;
@@ -2226,7 +2226,7 @@
2226
2226
  .e-grid .e-groupdroparea {
2227
2227
  border-top-width: 1px;
2228
2228
  font-size: 14px;
2229
- font-weight: normal;
2229
+ font-weight: 400;
2230
2230
  opacity: 1;
2231
2231
  padding: 9px 0;
2232
2232
  text-align: center;
@@ -3040,7 +3040,7 @@
3040
3040
  border-right: 0;
3041
3041
  border-top: 0;
3042
3042
  }
3043
- .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
3043
+ .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
3044
3044
  border-right: 0;
3045
3045
  }
3046
3046
  .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
@@ -4172,7 +4172,8 @@
4172
4172
  .e-grid.sf-grid .e-gridfooter .e-summarycontent {
4173
4173
  border-right: 0 #444c54 solid;
4174
4174
  }
4175
- .e-grid .e-ftrchk.e-chkfocus {
4175
+ .e-grid .e-ftrchk.e-chkfocus,
4176
+ .e-grid li.e-cclist.e-colfocus {
4176
4177
  background-color: #31373d;
4177
4178
  }
4178
4179
 
package/styles/grid/bootstrap5.css CHANGED
@@ -1144,13 +1144,13 @@
1144
1144
  display: block;
1145
1145
  text-indent: 10px;
1146
1146
  font-size: 14px;
1147
- font-weight: bold;
1147
+ font-weight: 700;
1148
1148
  color: #6c757d;
1149
1149
  opacity: 0.54;
1150
1150
  }
1151
1151
  .e-grid .e-row .e-icon-rowdragmoveicon::before {
1152
1152
  font-size: 14px;
1153
- font-weight: bold;
1153
+ font-weight: 700;
1154
1154
  }
1155
1155
  .e-grid .e-row .e-icon-rowdragmoveicon {
1156
1156
  padding-left: 10px;
@@ -2226,7 +2226,7 @@
2226
2226
  .e-grid .e-groupdroparea {
2227
2227
  border-top-width: 1px;
2228
2228
  font-size: 14px;
2229
- font-weight: normal;
2229
+ font-weight: 400;
2230
2230
  opacity: 1;
2231
2231
  padding: 9px 0;
2232
2232
  text-align: center;
@@ -3040,7 +3040,7 @@
3040
3040
  border-right: 0;
3041
3041
  border-top: 0;
3042
3042
  }
3043
- .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
3043
+ .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
3044
3044
  border-right: 0;
3045
3045
  }
3046
3046
  .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
@@ -4172,7 +4172,8 @@
4172
4172
  .e-grid.sf-grid .e-gridfooter .e-summarycontent {
4173
4173
  border-right: 0 #dee2e6 solid;
4174
4174
  }
4175
- .e-grid .e-ftrchk.e-chkfocus {
4175
+ .e-grid .e-ftrchk.e-chkfocus,
4176
+ .e-grid li.e-cclist.e-colfocus {
4176
4177
  background-color: #eff1f4;
4177
4178
  }
4178
4179
 
package/styles/grid/fabric-dark.css CHANGED
@@ -2950,7 +2950,7 @@
2950
2950
  border-right: 0;
2951
2951
  border-top: 0;
2952
2952
  }
2953
- .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
2953
+ .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
2954
2954
  border-right: 0;
2955
2955
  }
2956
2956
  .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
@@ -4067,7 +4067,8 @@
4067
4067
  .e-grid.sf-grid .e-gridfooter .e-summarycontent {
4068
4068
  border-right: 0 #414040 solid;
4069
4069
  }
4070
- .e-grid .e-ftrchk.e-chkfocus {
4070
+ .e-grid .e-ftrchk.e-chkfocus,
4071
+ .e-grid li.e-cclist.e-colfocus {
4071
4072
  background-color: #414040;
4072
4073
  }
4073
4074
 
package/styles/grid/fabric.css CHANGED
@@ -2943,7 +2943,7 @@
2943
2943
  border-right: 0;
2944
2944
  border-top: 0;
2945
2945
  }
2946
- .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
2946
+ .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
2947
2947
  border-right: 0;
2948
2948
  }
2949
2949
  .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
@@ -4060,7 +4060,8 @@
4060
4060
  .e-grid.sf-grid .e-gridfooter .e-summarycontent {
4061
4061
  border-right: 0 #eaeaea solid;
4062
4062
  }
4063
- .e-grid .e-ftrchk.e-chkfocus {
4063
+ .e-grid .e-ftrchk.e-chkfocus,
4064
+ .e-grid li.e-cclist.e-colfocus {
4064
4065
  background-color: #f4f4f4;
4065
4066
  }
4066
4067