@syncfusion/ej2-react-grids 20.3.52 → 20.3.57

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 (49) hide show
  1. package/CHANGELOG.md +27 -1
  2. package/dist/ej2-react-grids.min.js +1 -1
  3. package/dist/ej2-react-grids.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +44 -33
  6. package/styles/bootstrap.css +41 -30
  7. package/styles/bootstrap4.css +51 -40
  8. package/styles/bootstrap5-dark.css +46 -35
  9. package/styles/bootstrap5.css +46 -35
  10. package/styles/excel-filter/bootstrap-dark.css +2 -1
  11. package/styles/excel-filter/bootstrap.css +2 -1
  12. package/styles/excel-filter/bootstrap4.css +2 -1
  13. package/styles/excel-filter/bootstrap5-dark.css +2 -1
  14. package/styles/excel-filter/bootstrap5.css +2 -1
  15. package/styles/excel-filter/fabric-dark.css +2 -1
  16. package/styles/excel-filter/fabric.css +2 -1
  17. package/styles/excel-filter/fluent-dark.css +2 -1
  18. package/styles/excel-filter/fluent.css +2 -1
  19. package/styles/excel-filter/highcontrast-light.css +2 -1
  20. package/styles/excel-filter/highcontrast.css +2 -1
  21. package/styles/excel-filter/material-dark.css +2 -1
  22. package/styles/excel-filter/material.css +2 -1
  23. package/styles/excel-filter/tailwind-dark.css +2 -1
  24. package/styles/excel-filter/tailwind.css +2 -1
  25. package/styles/fabric-dark.css +57 -46
  26. package/styles/fabric.css +52 -41
  27. package/styles/fluent-dark.css +38 -27
  28. package/styles/fluent.css +38 -27
  29. package/styles/grid/bootstrap-dark.css +42 -32
  30. package/styles/grid/bootstrap.css +39 -29
  31. package/styles/grid/bootstrap4.css +49 -39
  32. package/styles/grid/bootstrap5-dark.css +44 -34
  33. package/styles/grid/bootstrap5.css +44 -34
  34. package/styles/grid/fabric-dark.css +55 -45
  35. package/styles/grid/fabric.css +50 -40
  36. package/styles/grid/fluent-dark.css +36 -26
  37. package/styles/grid/fluent.css +36 -26
  38. package/styles/grid/highcontrast-light.css +55 -45
  39. package/styles/grid/highcontrast.css +55 -45
  40. package/styles/grid/material-dark.css +52 -42
  41. package/styles/grid/material.css +51 -41
  42. package/styles/grid/tailwind-dark.css +34 -24
  43. package/styles/grid/tailwind.css +34 -24
  44. package/styles/highcontrast-light.css +57 -46
  45. package/styles/highcontrast.css +57 -46
  46. package/styles/material-dark.css +54 -43
  47. package/styles/material.css +53 -42
  48. package/styles/tailwind-dark.css +36 -25
  49. package/styles/tailwind.css +36 -25
@@ -559,11 +559,11 @@
559
559
  }
560
560
  .e-bigger .e-grid .e-sortfilterdiv,
561
561
  .e-grid.e-bigger .e-sortfilterdiv {
562
- margin: -30px 8px;
562
+ margin: -29px -8px;
563
563
  }
564
564
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv,
565
565
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
566
- margin: -30px 28px -31px 0;
566
+ margin: -30px 16px -30px 0;
567
567
  }
568
568
  .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
569
569
  .e-bigger .e-grid .e-wrap .e-sortfilterdiv,
@@ -603,7 +603,7 @@
603
603
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
604
604
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
605
605
  float: left;
606
- margin: 8px 0 0 20px;
606
+ margin: 7px 0 0 20px;
607
607
  }
608
608
  .e-bigger .e-grid .e-sortnumber,
609
609
  .e-grid.e-bigger .e-sortnumber {
@@ -632,7 +632,7 @@
632
632
  }
633
633
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
634
634
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
635
- margin: -31px 22px;
635
+ margin: -31px -10px;
636
636
  }
637
637
  .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
638
638
  .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
@@ -640,7 +640,7 @@
640
640
  }
641
641
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
642
642
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
643
- margin: -29px 0 0 29px;
643
+ margin: -29px -8px 0 10px;
644
644
  }
645
645
  .e-bigger .e-grid.e-rtl .e-filtermenudiv,
646
646
  .e-grid.e-bigger.e-rtl .e-filtermenudiv {
@@ -658,7 +658,7 @@
658
658
  .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber, .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
659
659
  .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
660
660
  .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
661
- margin: 6px 0 0 5px;
661
+ margin: 8px 0 0 4px;
662
662
  }
663
663
  .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
664
664
  .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
@@ -721,7 +721,7 @@
721
721
  .e-bigger .e-grid.e-bigger .e-columnmenu,
722
722
  .e-grid.e-bigger.e-bigger .e-columnmenu {
723
723
  bottom: 16px;
724
- margin: -7px -7px;
724
+ margin: -20px -18px;
725
725
  }
726
726
  .e-bigger .e-grid .e-columnmenu,
727
727
  .e-grid.e-bigger .e-columnmenu {
@@ -1631,7 +1631,7 @@
1631
1631
  text-overflow: ellipsis;
1632
1632
  white-space: nowrap;
1633
1633
  }
1634
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1634
+ .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 {
1635
1635
  text-overflow: clip;
1636
1636
  }
1637
1637
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -1685,7 +1685,7 @@
1685
1685
  .e-grid .e-sortfilterdiv {
1686
1686
  float: right;
1687
1687
  height: 16px;
1688
- margin: -29px 10px;
1688
+ margin: -29px -10px;
1689
1689
  padding: 15px 0;
1690
1690
  width: 16px;
1691
1691
  }
@@ -1770,7 +1770,7 @@
1770
1770
  margin: 8px 0 0 20px;
1771
1771
  }
1772
1772
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1773
- margin: -29px 28px -29px 0;
1773
+ margin: -29px 10px -29px 0;
1774
1774
  }
1775
1775
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1776
1776
  margin: -29px -11px 0 0;
@@ -1801,7 +1801,7 @@
1801
1801
  .e-grid.e-rtl .e-columnmenu {
1802
1802
  left: 5px;
1803
1803
  right: auto;
1804
- margin: -19px -18px -18px 1px;
1804
+ margin: -20px -18px -18px 1px;
1805
1805
  }
1806
1806
  .e-grid.e-wrap.e-rtl .e-columnmenu {
1807
1807
  margin: -15px -13px -23px -3px;
@@ -1923,7 +1923,8 @@
1923
1923
  padding-left: 8px;
1924
1924
  }
1925
1925
  .e-grid .e-chk-hidden {
1926
- -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
1926
+ -moz-appearance: none;
1927
+ /* stylelint-disable-line property-no-vendor-prefix */
1927
1928
  height: 1px;
1928
1929
  opacity: 0;
1929
1930
  width: 1px;
@@ -1937,7 +1938,8 @@
1937
1938
  }
1938
1939
  .e-grid .e-rowcell .e-checkbox-wrapper,
1939
1940
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
1940
- -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
1941
+ -webkit-user-select: auto;
1942
+ /* stylelint-disable-line property-no-vendor-prefix */
1941
1943
  height: 20px;
1942
1944
  line-height: 20px;
1943
1945
  position: relative;
@@ -2133,7 +2135,8 @@
2133
2135
  padding: 2px;
2134
2136
  }
2135
2137
  .e-grid .e-content {
2136
- -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2138
+ -webkit-overflow-scrolling: touch;
2139
+ /* stylelint-disable-line property-no-vendor-prefix */
2137
2140
  overflow-x: auto;
2138
2141
  overflow-y: scroll;
2139
2142
  position: relative;
@@ -2548,10 +2551,12 @@
2548
2551
  overflow: hidden;
2549
2552
  }
2550
2553
  .e-grid .e-frozenhdrcont {
2551
- -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2554
+ -ms-touch-action: none;
2555
+ /* stylelint-disable-line property-no-vendor-prefix */
2552
2556
  }
2553
2557
  .e-grid .e-frozencontent {
2554
- -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2558
+ -ms-touch-action: none;
2559
+ /* stylelint-disable-line property-no-vendor-prefix */
2555
2560
  border-bottom-width: 1px;
2556
2561
  float: left;
2557
2562
  width: min-content;
@@ -2560,19 +2565,23 @@
2560
2565
  float: right;
2561
2566
  }
2562
2567
  .e-grid .e-movablecontent {
2563
- -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2568
+ -ms-overflow-style: none;
2569
+ /* stylelint-disable-line property-no-vendor-prefix */
2564
2570
  -ms-flex: 1;
2565
2571
  flex: 1;
2566
2572
  overflow-x: auto;
2567
2573
  overflow-y: hidden;
2568
2574
  }
2569
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2575
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2576
+ /* stylelint-disable-line property-no-vendor-prefix */
2570
2577
  display: none;
2571
2578
  }
2572
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2579
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2580
+ /* stylelint-disable-line property-no-vendor-prefix */
2573
2581
  width: 7px;
2574
2582
  }
2575
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2583
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2584
+ /* stylelint-disable-line property-no-vendor-prefix */
2576
2585
  background-color: rgba(0, 0, 0, 0.5);
2577
2586
  border-radius: 4px;
2578
2587
  }
@@ -2654,22 +2663,22 @@
2654
2663
  }
2655
2664
  .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
2656
2665
  float: right;
2657
- margin: -14px 3px;
2666
+ margin: -29px 3px;
2658
2667
  }
2659
2668
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
2660
2669
  padding: 0 25px 0 0.7em;
2661
2670
  }
2662
2671
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
2663
2672
  float: right;
2664
- margin: 0 2px 0 0;
2673
+ margin: 7px 2px 0 0;
2665
2674
  }
2666
2675
  .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
2667
2676
  float: left;
2668
- margin: 9px 0 0 25px;
2677
+ margin: 7px 0 0 6px;
2669
2678
  }
2670
2679
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
2671
2680
  float: left;
2672
- margin: 9px 0 0 25px;
2681
+ margin: 7px 0 0 12px;
2673
2682
  }
2674
2683
  .e-grid.e-rtl .e-rowcell:first-child,
2675
2684
  .e-grid.e-rtl .e-summarycell:first-child {
@@ -2730,7 +2739,7 @@
2730
2739
  border-width: 1px 1px 1px 0;
2731
2740
  }
2732
2741
  .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
2733
- margin: -29px 10px;
2742
+ margin: -29px -8px;
2734
2743
  }
2735
2744
  .e-grid.e-rtl .e-cloneproperties {
2736
2745
  border-width: 1px 1px 3px;
@@ -3129,7 +3138,7 @@
3129
3138
  }
3130
3139
  .e-bigger .e-grid.e-rtl .e-columnmenu,
3131
3140
  .e-bigger.e-grid.e-rtl .e-columnmenu {
3132
- margin: -19px -18px -18px 1px;
3141
+ margin: -20px -18px -18px 1px;
3133
3142
  }
3134
3143
  .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3135
3144
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
@@ -3137,7 +3146,7 @@
3137
3146
  }
3138
3147
 
3139
3148
  .e-grid-min-height .e-rowcell {
3140
- line-height: normal;
3149
+ line-height: 0;
3141
3150
  padding-bottom: 0;
3142
3151
  padding-top: 0;
3143
3152
  }
@@ -3210,7 +3219,7 @@
3210
3219
  .e-bigger .e-grid.e-grid-min-height .e-rowcell,
3211
3220
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
3212
3221
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
3213
- line-height: normal;
3222
+ line-height: 0;
3214
3223
  padding-bottom: 0;
3215
3224
  padding-top: 0;
3216
3225
  }
@@ -3589,7 +3598,8 @@
3589
3598
  }
3590
3599
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3591
3600
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3592
- -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3601
+ -moz-appearance: none;
3602
+ /* stylelint-disable-line property-no-vendor-prefix */
3593
3603
  height: 1px;
3594
3604
  opacity: 0;
3595
3605
  width: 1px;
@@ -598,11 +598,11 @@
598
598
  }
599
599
  .e-bigger .e-grid .e-sortfilterdiv,
600
600
  .e-grid.e-bigger .e-sortfilterdiv {
601
- margin: -31px -2px;
601
+ margin: -30px -2px;
602
602
  }
603
603
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv,
604
604
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
605
- margin: -32px 18px -31px 0;
605
+ margin: -30px 18px -31px 0;
606
606
  }
607
607
  .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
608
608
  .e-bigger .e-grid .e-wrap .e-sortfilterdiv,
@@ -632,17 +632,17 @@
632
632
  }
633
633
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv,
634
634
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortfilterdiv {
635
- margin: -32px -2px;
635
+ margin: -30px -10px;
636
636
  }
637
637
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
638
638
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
639
639
  float: left;
640
- margin: 2px 0 0 19px;
640
+ margin: 4px 0 0 10px;
641
641
  }
642
642
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
643
643
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
644
644
  float: left;
645
- margin: 2px 0 0 19px;
645
+ margin: 4px 0 0 10px;
646
646
  }
647
647
  .e-bigger .e-grid .e-sortnumber,
648
648
  .e-grid.e-bigger .e-sortnumber {
@@ -652,17 +652,17 @@
652
652
  font-size: 9px;
653
653
  height: 15px;
654
654
  line-height: 16px;
655
- margin: 3px 19px 0 2px;
655
+ margin: 4px 5px 0 2px;
656
656
  text-align: center;
657
657
  width: 15px;
658
658
  }
659
659
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
660
660
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
661
- margin: 3px 19px 0 2px;
661
+ margin: 4px 5px 0 2px;
662
662
  }
663
663
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
664
664
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
665
- margin: -32px -20px 0 2px;
665
+ margin: -30px -20px 0 -6px;
666
666
  }
667
667
  .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
668
668
  .e-grid.e-bigger.e-rtl .e-headercell .e-sortfilterdiv,
@@ -671,7 +671,7 @@
671
671
  }
672
672
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
673
673
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
674
- margin: -31px 22px;
674
+ margin: -29px -10px;
675
675
  }
676
676
  .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
677
677
  .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
@@ -679,7 +679,7 @@
679
679
  }
680
680
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
681
681
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
682
- margin: -29px 0 0 33px;
682
+ margin: -29px 18px 0 10px;
683
683
  }
684
684
  .e-bigger .e-grid.e-rtl .e-filtermenudiv,
685
685
  .e-grid.e-bigger.e-rtl .e-filtermenudiv {
@@ -687,21 +687,21 @@
687
687
  }
688
688
  .e-bigger .e-grid.e-rtl .e-rightalign .e-filtermenudiv,
689
689
  .e-grid.e-bigger.e-rtl .e-rightalign .e-filtermenudiv {
690
- margin: -20px 0 -18px -72px;
690
+ margin: -20px 0 -18px -54px;
691
691
  }
692
692
  .e-bigger .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber, .e-bigger .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
693
693
  .e-grid.e-bigger.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
694
694
  .e-grid.e-bigger.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber {
695
- margin: 6px 0 0 6px;
695
+ margin: 4px 0 0 2px;
696
696
  }
697
697
  .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber, .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
698
698
  .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
699
699
  .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
700
- margin: 6px 0 0 6px;
700
+ margin: 4px 0 0 12px;
701
701
  }
702
702
  .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
703
703
  .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
704
- margin: 6px 0 0 6px;
704
+ margin: 4px 0 0 2px;
705
705
  }
706
706
  .e-bigger .e-grid .e-rowcell,
707
707
  .e-bigger .e-grid .e-summarycell,
@@ -760,7 +760,7 @@
760
760
  .e-bigger .e-grid.e-bigger .e-columnmenu,
761
761
  .e-grid.e-bigger.e-bigger .e-columnmenu {
762
762
  bottom: 13px;
763
- margin: 0 -3px;
763
+ margin: -19px;
764
764
  }
765
765
  .e-bigger .e-grid .e-columnmenu,
766
766
  .e-grid.e-bigger .e-columnmenu {
@@ -1676,7 +1676,7 @@
1676
1676
  text-overflow: ellipsis;
1677
1677
  white-space: nowrap;
1678
1678
  }
1679
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1679
+ .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 {
1680
1680
  text-overflow: clip;
1681
1681
  }
1682
1682
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -1799,12 +1799,12 @@
1799
1799
  font-size: 9px;
1800
1800
  height: 15px;
1801
1801
  line-height: 16px;
1802
- margin: 2px 8px 0 8px;
1802
+ margin: 2px -6px 0 0;
1803
1803
  text-align: center;
1804
1804
  width: 15px;
1805
1805
  }
1806
1806
  .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
1807
- margin: 2px 8px 0 8px;
1807
+ margin: 2px -6px 0 0;
1808
1808
  }
1809
1809
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
1810
1810
  float: left;
@@ -1837,7 +1837,7 @@
1837
1837
  position: absolute;
1838
1838
  right: 23px;
1839
1839
  float: right;
1840
- margin: -20px;
1840
+ margin: -19px;
1841
1841
  padding: 6px;
1842
1842
  }
1843
1843
  .e-grid.e-wrap .e-columnmenu {
@@ -1968,7 +1968,8 @@
1968
1968
  padding-left: 8px;
1969
1969
  }
1970
1970
  .e-grid .e-chk-hidden {
1971
- -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
1971
+ -moz-appearance: none;
1972
+ /* stylelint-disable-line property-no-vendor-prefix */
1972
1973
  height: 1px;
1973
1974
  opacity: 0;
1974
1975
  width: 1px;
@@ -1982,7 +1983,8 @@
1982
1983
  }
1983
1984
  .e-grid .e-rowcell .e-checkbox-wrapper,
1984
1985
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
1985
- -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
1986
+ -webkit-user-select: auto;
1987
+ /* stylelint-disable-line property-no-vendor-prefix */
1986
1988
  height: 20px;
1987
1989
  line-height: 20px;
1988
1990
  position: relative;
@@ -2178,7 +2180,8 @@
2178
2180
  padding: 2px;
2179
2181
  }
2180
2182
  .e-grid .e-content {
2181
- -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2183
+ -webkit-overflow-scrolling: touch;
2184
+ /* stylelint-disable-line property-no-vendor-prefix */
2182
2185
  overflow-x: auto;
2183
2186
  overflow-y: scroll;
2184
2187
  position: relative;
@@ -2595,10 +2598,12 @@
2595
2598
  overflow: hidden;
2596
2599
  }
2597
2600
  .e-grid .e-frozenhdrcont {
2598
- -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2601
+ -ms-touch-action: none;
2602
+ /* stylelint-disable-line property-no-vendor-prefix */
2599
2603
  }
2600
2604
  .e-grid .e-frozencontent {
2601
- -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2605
+ -ms-touch-action: none;
2606
+ /* stylelint-disable-line property-no-vendor-prefix */
2602
2607
  border-bottom-width: 1px;
2603
2608
  float: left;
2604
2609
  width: min-content;
@@ -2607,19 +2612,23 @@
2607
2612
  float: right;
2608
2613
  }
2609
2614
  .e-grid .e-movablecontent {
2610
- -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2615
+ -ms-overflow-style: none;
2616
+ /* stylelint-disable-line property-no-vendor-prefix */
2611
2617
  -ms-flex: 1;
2612
2618
  flex: 1;
2613
2619
  overflow-x: auto;
2614
2620
  overflow-y: hidden;
2615
2621
  }
2616
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2622
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2623
+ /* stylelint-disable-line property-no-vendor-prefix */
2617
2624
  display: none;
2618
2625
  }
2619
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2626
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2627
+ /* stylelint-disable-line property-no-vendor-prefix */
2620
2628
  width: 7px;
2621
2629
  }
2622
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2630
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2631
+ /* stylelint-disable-line property-no-vendor-prefix */
2623
2632
  background-color: rgba(0, 0, 0, 0.5);
2624
2633
  border-radius: 4px;
2625
2634
  }
@@ -2669,7 +2678,7 @@
2669
2678
  .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
2670
2679
  .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
2671
2680
  float: left;
2672
- margin: 1px 0 0 12px;
2681
+ margin: 1px 0 0 10px;
2673
2682
  }
2674
2683
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
2675
2684
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -2681,7 +2690,7 @@
2681
2690
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
2682
2691
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
2683
2692
  float: left;
2684
- margin: 1px 0 0 12px;
2693
+ margin: 1px 0 0 10px;
2685
2694
  }
2686
2695
  .e-grid.e-rtl .e-headercell .e-filterbarcell input, .e-grid.e-rtl .e-detailheadercell .e-filterbarcell input {
2687
2696
  border-width: 0;
@@ -2694,29 +2703,29 @@
2694
2703
  margin-left: 10px;
2695
2704
  }
2696
2705
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
2697
- margin: 1px -2px 0 0;
2706
+ margin: 4px -2px 0 0;
2698
2707
  }
2699
2708
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
2700
2709
  margin-left: -5px;
2701
2710
  }
2702
2711
  .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
2703
2712
  float: right;
2704
- margin: -14px 3px;
2713
+ margin: -29px 3px;
2705
2714
  }
2706
2715
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
2707
2716
  padding: 0 25px 0 0.7em;
2708
2717
  }
2709
2718
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
2710
2719
  float: right;
2711
- margin: 0 2px 0 0;
2720
+ margin: 4px 2px 0 0;
2712
2721
  }
2713
2722
  .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
2714
2723
  float: left;
2715
- margin: 1px 0 0 20px;
2724
+ margin: 2px 0 0 5px;
2716
2725
  }
2717
2726
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
2718
2727
  float: left;
2719
- margin: 1px 0 0 20px;
2728
+ margin: 2px 0 0 10px;
2720
2729
  }
2721
2730
  .e-grid.e-rtl .e-rowcell:first-child,
2722
2731
  .e-grid.e-rtl .e-summarycell:first-child {
@@ -2778,7 +2787,7 @@
2778
2787
  border-width: 1px 1px 1px 0;
2779
2788
  }
2780
2789
  .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
2781
- margin: -29px 10px;
2790
+ margin: -29px -10px;
2782
2791
  }
2783
2792
  .e-grid.e-rtl .e-cloneproperties {
2784
2793
  border-width: 1px 1px 3px;
@@ -3185,7 +3194,7 @@
3185
3194
  }
3186
3195
 
3187
3196
  .e-grid-min-height .e-rowcell {
3188
- line-height: normal;
3197
+ line-height: 0;
3189
3198
  padding-bottom: 0;
3190
3199
  padding-top: 0;
3191
3200
  }
@@ -3258,7 +3267,7 @@
3258
3267
  .e-bigger .e-grid.e-grid-min-height .e-rowcell,
3259
3268
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
3260
3269
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
3261
- line-height: normal;
3270
+ line-height: 0;
3262
3271
  padding-bottom: 0;
3263
3272
  padding-top: 0;
3264
3273
  }
@@ -3637,7 +3646,8 @@
3637
3646
  }
3638
3647
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3639
3648
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3640
- -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3649
+ -moz-appearance: none;
3650
+ /* stylelint-disable-line property-no-vendor-prefix */
3641
3651
  height: 1px;
3642
3652
  opacity: 0;
3643
3653
  width: 1px;