@syncfusion/ej2-angular-grids 20.3.61 → 20.3.62

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 (53) hide show
  1. package/README.md +134 -54
  2. package/esm2020/src/grid/columns.directive.mjs +1 -1
  3. package/esm2020/src/grid/grid.component.mjs +1 -1
  4. package/esm2020/src/grid/stacked-column.directive.mjs +1 -1
  5. package/fesm2015/syncfusion-ej2-angular-grids.mjs.map +1 -1
  6. package/fesm2020/syncfusion-ej2-angular-grids.mjs.map +1 -1
  7. package/package.json +2 -2
  8. package/schematics/utils/lib-details.d.ts +2 -2
  9. package/src/grid/columns.directive.d.ts +2 -2
  10. package/src/grid/grid.component.d.ts +1 -1
  11. package/src/grid/stacked-column.directive.d.ts +2 -2
  12. package/styles/bootstrap-dark.css +9 -4
  13. package/styles/bootstrap.css +9 -4
  14. package/styles/bootstrap4.css +9 -4
  15. package/styles/bootstrap5-dark.css +10 -5
  16. package/styles/bootstrap5.css +10 -5
  17. package/styles/fabric-dark.css +10 -5
  18. package/styles/fabric.css +10 -5
  19. package/styles/fluent-dark.css +10 -5
  20. package/styles/fluent.css +10 -5
  21. package/styles/grid/_bootstrap-dark-definition.scss +1 -1
  22. package/styles/grid/_bootstrap-definition.scss +1 -1
  23. package/styles/grid/_bootstrap4-definition.scss +1 -1
  24. package/styles/grid/_bootstrap5-definition.scss +1 -1
  25. package/styles/grid/_fabric-dark-definition.scss +2 -2
  26. package/styles/grid/_fabric-definition.scss +2 -2
  27. package/styles/grid/_fluent-definition.scss +1 -1
  28. package/styles/grid/_highcontrast-definition.scss +2 -2
  29. package/styles/grid/_layout.scss +14 -3
  30. package/styles/grid/_material-dark-definition.scss +2 -2
  31. package/styles/grid/_material-definition.scss +2 -2
  32. package/styles/grid/_tailwind-definition.scss +2 -2
  33. package/styles/grid/bootstrap-dark.css +9 -4
  34. package/styles/grid/bootstrap.css +9 -4
  35. package/styles/grid/bootstrap4.css +9 -4
  36. package/styles/grid/bootstrap5-dark.css +10 -5
  37. package/styles/grid/bootstrap5.css +10 -5
  38. package/styles/grid/fabric-dark.css +10 -5
  39. package/styles/grid/fabric.css +10 -5
  40. package/styles/grid/fluent-dark.css +10 -5
  41. package/styles/grid/fluent.css +10 -5
  42. package/styles/grid/highcontrast-light.css +8 -3
  43. package/styles/grid/highcontrast.css +10 -5
  44. package/styles/grid/material-dark.css +10 -5
  45. package/styles/grid/material.css +10 -5
  46. package/styles/grid/tailwind-dark.css +10 -5
  47. package/styles/grid/tailwind.css +10 -5
  48. package/styles/highcontrast-light.css +8 -3
  49. package/styles/highcontrast.css +10 -5
  50. package/styles/material-dark.css +10 -5
  51. package/styles/material.css +10 -5
  52. package/styles/tailwind-dark.css +10 -5
  53. package/styles/tailwind.css +10 -5
@@ -1182,6 +1182,13 @@
1182
1182
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1183
1183
  font-size: 18px;
1184
1184
  }
1185
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
1186
+ background: none;
1187
+ box-shadow: none;
1188
+ }
1189
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1190
+ border: none;
1191
+ }
1185
1192
  .e-grid .e-res-toolbar {
1186
1193
  border-bottom: 1px solid;
1187
1194
  border-bottom-color: #e5e7eb;
@@ -1686,7 +1693,7 @@
1686
1693
  text-overflow: ellipsis;
1687
1694
  white-space: nowrap;
1688
1695
  }
1689
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1696
+ .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-rowcell.e-gridchkbox-cell, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1690
1697
  text-overflow: clip;
1691
1698
  }
1692
1699
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2318,13 +2325,11 @@
2318
2325
  font-size: 14px;
2319
2326
  padding: 11px 8px 10px 8px;
2320
2327
  text-decoration: none;
2321
- text-indent: 11px;
2322
2328
  }
2323
2329
  .e-grid .e-icon-grightarrow {
2324
2330
  font-size: 14px;
2325
2331
  padding: 10px 8px 12px 8px;
2326
2332
  text-decoration: none;
2327
- text-indent: 11px;
2328
2333
  }
2329
2334
  .e-grid .e-recordplusexpand {
2330
2335
  padding-top: 5px;
@@ -3153,10 +3158,10 @@
3153
3158
  user-select: none;
3154
3159
  }
3155
3160
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3156
- margin-top: -11px;
3161
+ margin-top: -4px;
3157
3162
  }
3158
3163
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3159
- margin-top: 1px;
3164
+ margin-top: -5px;
3160
3165
  }
3161
3166
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3162
3167
  background-color: rgba(0, 0, 0, 0.1);
@@ -1514,6 +1514,13 @@ li.e-separator.e-menu-item.e-excel-separator {
1514
1514
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1515
1515
  font-size: 12px;
1516
1516
  }
1517
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
1518
+ background: none;
1519
+ box-shadow: none;
1520
+ }
1521
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1522
+ border: none;
1523
+ }
1517
1524
  .e-grid .e-res-toolbar {
1518
1525
  border-bottom: 1px solid;
1519
1526
  border-bottom-color: #757575;
@@ -2013,7 +2020,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2013
2020
  text-overflow: ellipsis;
2014
2021
  white-space: nowrap;
2015
2022
  }
2016
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2023
+ .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-rowcell.e-gridchkbox-cell, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2017
2024
  text-overflow: clip;
2018
2025
  }
2019
2026
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2621,13 +2628,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2621
2628
  font-size: 12px;
2622
2629
  padding: 16px 9px 13px 8px;
2623
2630
  text-decoration: none;
2624
- text-indent: 8px;
2625
2631
  }
2626
2632
  .e-grid .e-icon-grightarrow {
2627
2633
  font-size: 12px;
2628
2634
  padding: 15px 9px 15px 8px;
2629
2635
  text-decoration: none;
2630
- text-indent: 8px;
2631
2636
  }
2632
2637
  .e-grid .e-recordplusexpand {
2633
2638
  padding-top: 5px;
@@ -1514,6 +1514,13 @@ li.e-separator.e-menu-item.e-excel-separator {
1514
1514
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1515
1515
  font-size: 12px;
1516
1516
  }
1517
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
1518
+ background: none;
1519
+ box-shadow: none;
1520
+ }
1521
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1522
+ border: none;
1523
+ }
1517
1524
  .e-grid .e-res-toolbar {
1518
1525
  border-bottom: 1px solid;
1519
1526
  border-bottom-color: #969696;
@@ -2013,7 +2020,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2013
2020
  text-overflow: ellipsis;
2014
2021
  white-space: nowrap;
2015
2022
  }
2016
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2023
+ .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-rowcell.e-gridchkbox-cell, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2017
2024
  text-overflow: clip;
2018
2025
  }
2019
2026
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2621,13 +2628,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2621
2628
  font-size: 12px;
2622
2629
  padding: 16px 9px 13px 8px;
2623
2630
  text-decoration: none;
2624
- text-indent: 8px;
2625
2631
  }
2626
2632
  .e-grid .e-icon-grightarrow {
2627
2633
  font-size: 12px;
2628
2634
  padding: 15px 9px 15px 8px;
2629
2635
  text-decoration: none;
2630
- text-indent: 8px;
2631
2636
  }
2632
2637
  .e-grid .e-recordplusexpand {
2633
2638
  padding-top: 5px;
@@ -3451,10 +3456,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3451
3456
  user-select: none;
3452
3457
  }
3453
3458
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3454
- margin-top: 0;
3459
+ margin-top: 2px;
3455
3460
  }
3456
3461
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3457
- margin-top: 0;
3462
+ margin-top: -1px;
3458
3463
  }
3459
3464
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3460
3465
  background-color: rgba(0, 0, 0, 0.1);
@@ -1564,6 +1564,13 @@ li.e-separator.e-menu-item.e-excel-separator {
1564
1564
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1565
1565
  font-size: 12px;
1566
1566
  }
1567
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
1568
+ background: none;
1569
+ box-shadow: none;
1570
+ }
1571
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1572
+ border: none;
1573
+ }
1567
1574
  .e-grid .e-res-toolbar {
1568
1575
  border-bottom: 1px solid;
1569
1576
  border-bottom-color: #616161;
@@ -2063,7 +2070,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2063
2070
  text-overflow: ellipsis;
2064
2071
  white-space: nowrap;
2065
2072
  }
2066
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2073
+ .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-rowcell.e-gridchkbox-cell, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2067
2074
  text-overflow: clip;
2068
2075
  }
2069
2076
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2671,13 +2678,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2671
2678
  font-size: 11px;
2672
2679
  padding: 14px 9px 12px 9px;
2673
2680
  text-decoration: none;
2674
- text-indent: 12px;
2675
2681
  }
2676
2682
  .e-grid .e-icon-grightarrow {
2677
2683
  font-size: 10px;
2678
2684
  padding: 14px 9px 14px 10px;
2679
2685
  text-decoration: none;
2680
- text-indent: 12px;
2681
2686
  }
2682
2687
  .e-grid .e-recordplusexpand {
2683
2688
  padding-top: 5px;
@@ -3501,10 +3506,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3501
3506
  user-select: none;
3502
3507
  }
3503
3508
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3504
- margin-top: 0;
3509
+ margin-top: 1px;
3505
3510
  }
3506
3511
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3507
- margin-top: 0;
3512
+ margin-top: -1px;
3508
3513
  }
3509
3514
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3510
3515
  background-color: rgba(0, 0, 0, 0.1);
@@ -1606,6 +1606,13 @@ li.e-separator.e-menu-item.e-excel-separator {
1606
1606
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1607
1607
  font-size: 12px;
1608
1608
  }
1609
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
1610
+ background: none;
1611
+ box-shadow: none;
1612
+ }
1613
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1614
+ border: none;
1615
+ }
1609
1616
  .e-grid .e-res-toolbar {
1610
1617
  border-bottom: 1px solid;
1611
1618
  border-bottom-color: #e0e0e0;
@@ -2105,7 +2112,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2105
2112
  text-overflow: ellipsis;
2106
2113
  white-space: nowrap;
2107
2114
  }
2108
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2115
+ .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-rowcell.e-gridchkbox-cell, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2109
2116
  text-overflow: clip;
2110
2117
  }
2111
2118
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2713,13 +2720,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2713
2720
  font-size: 11px;
2714
2721
  padding: 14px 9px 12px 9px;
2715
2722
  text-decoration: none;
2716
- text-indent: 12px;
2717
2723
  }
2718
2724
  .e-grid .e-icon-grightarrow {
2719
2725
  font-size: 10px;
2720
2726
  padding: 14px 9px 14px 10px;
2721
2727
  text-decoration: none;
2722
- text-indent: 12px;
2723
2728
  }
2724
2729
  .e-grid .e-recordplusexpand {
2725
2730
  padding-top: 5px;
@@ -3543,10 +3548,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3543
3548
  user-select: none;
3544
3549
  }
3545
3550
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3546
- margin-top: 0;
3551
+ margin-top: 1px;
3547
3552
  }
3548
3553
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3549
- margin-top: 0;
3554
+ margin-top: -1px;
3550
3555
  }
3551
3556
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3552
3557
  background-color: rgba(0, 0, 0, 0.1);
@@ -1598,6 +1598,13 @@ li.e-separator.e-menu-item.e-excel-separator {
1598
1598
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1599
1599
  font-size: 18px;
1600
1600
  }
1601
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
1602
+ background: none;
1603
+ box-shadow: none;
1604
+ }
1605
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1606
+ border: none;
1607
+ }
1601
1608
  .e-grid .e-res-toolbar {
1602
1609
  border-bottom: 1px solid;
1603
1610
  border-bottom-color: #4b5563;
@@ -2102,7 +2109,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2102
2109
  text-overflow: ellipsis;
2103
2110
  white-space: nowrap;
2104
2111
  }
2105
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2112
+ .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-rowcell.e-gridchkbox-cell, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2106
2113
  text-overflow: clip;
2107
2114
  }
2108
2115
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2734,13 +2741,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2734
2741
  font-size: 14px;
2735
2742
  padding: 11px 8px 10px 8px;
2736
2743
  text-decoration: none;
2737
- text-indent: 11px;
2738
2744
  }
2739
2745
  .e-grid .e-icon-grightarrow {
2740
2746
  font-size: 14px;
2741
2747
  padding: 10px 8px 12px 8px;
2742
2748
  text-decoration: none;
2743
- text-indent: 11px;
2744
2749
  }
2745
2750
  .e-grid .e-recordplusexpand {
2746
2751
  padding-top: 5px;
@@ -3569,10 +3574,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3569
3574
  user-select: none;
3570
3575
  }
3571
3576
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3572
- margin-top: -11px;
3577
+ margin-top: -4px;
3573
3578
  }
3574
3579
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3575
- margin-top: 1px;
3580
+ margin-top: -5px;
3576
3581
  }
3577
3582
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3578
3583
  background-color: rgba(0, 0, 0, 0.1);
@@ -1598,6 +1598,13 @@ li.e-separator.e-menu-item.e-excel-separator {
1598
1598
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1599
1599
  font-size: 18px;
1600
1600
  }
1601
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
1602
+ background: none;
1603
+ box-shadow: none;
1604
+ }
1605
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1606
+ border: none;
1607
+ }
1601
1608
  .e-grid .e-res-toolbar {
1602
1609
  border-bottom: 1px solid;
1603
1610
  border-bottom-color: #e5e7eb;
@@ -2102,7 +2109,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2102
2109
  text-overflow: ellipsis;
2103
2110
  white-space: nowrap;
2104
2111
  }
2105
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2112
+ .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-rowcell.e-gridchkbox-cell, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2106
2113
  text-overflow: clip;
2107
2114
  }
2108
2115
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2734,13 +2741,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2734
2741
  font-size: 14px;
2735
2742
  padding: 11px 8px 10px 8px;
2736
2743
  text-decoration: none;
2737
- text-indent: 11px;
2738
2744
  }
2739
2745
  .e-grid .e-icon-grightarrow {
2740
2746
  font-size: 14px;
2741
2747
  padding: 10px 8px 12px 8px;
2742
2748
  text-decoration: none;
2743
- text-indent: 11px;
2744
2749
  }
2745
2750
  .e-grid .e-recordplusexpand {
2746
2751
  padding-top: 5px;
@@ -3569,10 +3574,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3569
3574
  user-select: none;
3570
3575
  }
3571
3576
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3572
- margin-top: -11px;
3577
+ margin-top: -4px;
3573
3578
  }
3574
3579
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3575
- margin-top: 1px;
3580
+ margin-top: -5px;
3576
3581
  }
3577
3582
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3578
3583
  background-color: rgba(0, 0, 0, 0.1);