@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
@@ -607,17 +607,17 @@
607
607
  }
608
608
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv,
609
609
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortfilterdiv {
610
- margin: -17px 2px;
610
+ margin: -16px 4px;
611
611
  }
612
612
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
613
613
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
614
614
  float: left;
615
- margin: 8px 2px 0 5px;
615
+ margin: 7px 2px 0 5px;
616
616
  }
617
617
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
618
618
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
619
619
  float: left;
620
- margin: 8px 2px 0 5px;
620
+ margin: 7px 2px 0 5px;
621
621
  }
622
622
  .e-bigger .e-grid .e-sortnumber,
623
623
  .e-grid.e-bigger .e-sortnumber {
@@ -627,17 +627,17 @@
627
627
  font-size: 9px;
628
628
  height: 15px;
629
629
  line-height: 16px;
630
- margin: 8px 5px 0 2px;
630
+ margin: 7px 5px 0 2px;
631
631
  text-align: center;
632
632
  width: 15px;
633
633
  }
634
634
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
635
635
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
636
- margin: 8px 5px 0 2px;
636
+ margin: 7px 5px 0 2px;
637
637
  }
638
638
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
639
639
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
640
- margin: -17px 2px;
640
+ margin: -15px -4px;
641
641
  }
642
642
  .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
643
643
  .e-grid.e-bigger.e-rtl .e-headercell .e-sortfilterdiv,
@@ -654,7 +654,7 @@
654
654
  }
655
655
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
656
656
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
657
- margin: -16px 0;
657
+ margin: -16px 10px;
658
658
  }
659
659
  .e-bigger .e-grid.e-rtl .e-filtermenudiv,
660
660
  .e-grid.e-bigger.e-rtl .e-filtermenudiv {
@@ -735,7 +735,7 @@
735
735
  .e-bigger .e-grid.e-bigger .e-columnmenu,
736
736
  .e-grid.e-bigger.e-bigger .e-columnmenu {
737
737
  bottom: 16px;
738
- margin: 0 -7px;
738
+ margin: -18 -7px;
739
739
  }
740
740
  .e-bigger .e-grid .e-columnmenu,
741
741
  .e-grid.e-bigger .e-columnmenu {
@@ -1645,7 +1645,7 @@
1645
1645
  text-overflow: ellipsis;
1646
1646
  white-space: nowrap;
1647
1647
  }
1648
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1648
+ .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 {
1649
1649
  text-overflow: clip;
1650
1650
  }
1651
1651
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -1699,13 +1699,13 @@
1699
1699
  .e-grid .e-sortfilterdiv {
1700
1700
  float: right;
1701
1701
  height: 10px;
1702
- margin: -15px 10px;
1702
+ margin: -16px 10px;
1703
1703
  padding: 3px;
1704
1704
  width: 10px;
1705
1705
  }
1706
1706
  .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv {
1707
1707
  float: left;
1708
- margin: -15px 5px;
1708
+ margin: -16px 5px;
1709
1709
  }
1710
1710
  .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
1711
1711
  .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
@@ -1768,26 +1768,26 @@
1768
1768
  font-size: 9px;
1769
1769
  height: 15px;
1770
1770
  line-height: 16px;
1771
- margin: 8px 5px 0 2px;
1771
+ margin: 7px 5px 0 2px;
1772
1772
  text-align: center;
1773
1773
  width: 15px;
1774
1774
  }
1775
1775
  .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
1776
- margin: 8px 5px 0 2px;
1776
+ margin: 7px -3px 0 2px;
1777
1777
  }
1778
1778
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
1779
1779
  float: left;
1780
- margin: 8px 2px 0 5px;
1780
+ margin: 7px 2px 0 5px;
1781
1781
  }
1782
1782
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
1783
1783
  float: left;
1784
- margin: 8px 2px 0 5px;
1784
+ margin: 7px 2px 0 5px;
1785
1785
  }
1786
1786
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1787
- margin: -15px 24px;
1787
+ margin: -16px 24px;
1788
1788
  }
1789
1789
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1790
- margin: -15px 5px;
1790
+ margin: -16px 5px;
1791
1791
  }
1792
1792
  .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
1793
1793
  margin: 3px 2px 0 5px;
@@ -1815,7 +1815,7 @@
1815
1815
  .e-grid.e-rtl .e-columnmenu {
1816
1816
  left: 5px;
1817
1817
  right: auto;
1818
- margin: -17px -18px -18px 1px;
1818
+ margin: -19px -18px -18px 1px;
1819
1819
  }
1820
1820
  .e-grid.e-wrap.e-rtl .e-columnmenu {
1821
1821
  margin: -13px -13px -23px -3px;
@@ -1937,7 +1937,8 @@
1937
1937
  padding-left: 9px;
1938
1938
  }
1939
1939
  .e-grid .e-chk-hidden {
1940
- -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
1940
+ -moz-appearance: none;
1941
+ /* stylelint-disable-line property-no-vendor-prefix */
1941
1942
  height: 1px;
1942
1943
  opacity: 0;
1943
1944
  width: 1px;
@@ -1951,7 +1952,8 @@
1951
1952
  }
1952
1953
  .e-grid .e-rowcell .e-checkbox-wrapper,
1953
1954
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
1954
- -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
1955
+ -webkit-user-select: auto;
1956
+ /* stylelint-disable-line property-no-vendor-prefix */
1955
1957
  height: 20px;
1956
1958
  line-height: 20px;
1957
1959
  position: relative;
@@ -2147,7 +2149,8 @@
2147
2149
  padding: 2px;
2148
2150
  }
2149
2151
  .e-grid .e-content {
2150
- -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2152
+ -webkit-overflow-scrolling: touch;
2153
+ /* stylelint-disable-line property-no-vendor-prefix */
2151
2154
  overflow-x: auto;
2152
2155
  overflow-y: scroll;
2153
2156
  position: relative;
@@ -2562,10 +2565,12 @@
2562
2565
  overflow: hidden;
2563
2566
  }
2564
2567
  .e-grid .e-frozenhdrcont {
2565
- -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2568
+ -ms-touch-action: none;
2569
+ /* stylelint-disable-line property-no-vendor-prefix */
2566
2570
  }
2567
2571
  .e-grid .e-frozencontent {
2568
- -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2572
+ -ms-touch-action: none;
2573
+ /* stylelint-disable-line property-no-vendor-prefix */
2569
2574
  border-bottom-width: 1px;
2570
2575
  float: left;
2571
2576
  width: min-content;
@@ -2574,19 +2579,23 @@
2574
2579
  float: right;
2575
2580
  }
2576
2581
  .e-grid .e-movablecontent {
2577
- -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2582
+ -ms-overflow-style: none;
2583
+ /* stylelint-disable-line property-no-vendor-prefix */
2578
2584
  -ms-flex: 1;
2579
2585
  flex: 1;
2580
2586
  overflow-x: auto;
2581
2587
  overflow-y: hidden;
2582
2588
  }
2583
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2589
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2590
+ /* stylelint-disable-line property-no-vendor-prefix */
2584
2591
  display: none;
2585
2592
  }
2586
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2593
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2594
+ /* stylelint-disable-line property-no-vendor-prefix */
2587
2595
  width: 7px;
2588
2596
  }
2589
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2597
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2598
+ /* stylelint-disable-line property-no-vendor-prefix */
2590
2599
  background-color: rgba(0, 0, 0, 0.5);
2591
2600
  border-radius: 4px;
2592
2601
  }
@@ -2636,7 +2645,7 @@
2636
2645
  .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,
2637
2646
  .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
2638
2647
  float: left;
2639
- margin: 9px 0 0 5px;
2648
+ margin: 7px 0 0 5px;
2640
2649
  }
2641
2650
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
2642
2651
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -2648,42 +2657,42 @@
2648
2657
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
2649
2658
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
2650
2659
  float: left;
2651
- margin: 9px 0 0 5px;
2660
+ margin: 7px 0 0 5px;
2652
2661
  }
2653
2662
  .e-grid.e-rtl .e-headercell .e-filterbarcell input, .e-grid.e-rtl .e-detailheadercell .e-filterbarcell input {
2654
2663
  border-width: 0 0 2px 0;
2655
2664
  }
2656
2665
  .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv {
2657
2666
  float: left;
2658
- margin: -14px 10px;
2667
+ margin: -16px 10px;
2659
2668
  }
2660
2669
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv {
2661
2670
  margin-left: 10px;
2662
2671
  }
2663
2672
  .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 {
2664
- margin: 8px -4px 0 0;
2673
+ margin: 7px -4px 0 0;
2665
2674
  }
2666
2675
  .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 {
2667
2676
  margin-left: -5px;
2668
2677
  }
2669
2678
  .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
2670
2679
  float: right;
2671
- margin: -14px 3px;
2680
+ margin: -15px 3px;
2672
2681
  }
2673
2682
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
2674
2683
  padding: 0 25px 0 0.7em;
2675
2684
  }
2676
2685
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
2677
2686
  float: right;
2678
- margin: 0 2px 0 0;
2687
+ margin: 7px 2px 0 0;
2679
2688
  }
2680
2689
  .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 {
2681
2690
  float: left;
2682
- margin: 9px 0 0 5px;
2691
+ margin: 7px 0 0 5px;
2683
2692
  }
2684
2693
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
2685
2694
  float: left;
2686
- margin: 9px 0 0 5px;
2695
+ margin: 7px 0 0 5px;
2687
2696
  }
2688
2697
  .e-grid.e-rtl .e-rowcell:first-child,
2689
2698
  .e-grid.e-rtl .e-summarycell:first-child {
@@ -2706,10 +2715,10 @@
2706
2715
  margin: -17px 5px;
2707
2716
  }
2708
2717
  .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
2709
- margin: -14px 0 0 11px;
2718
+ margin: -16px 0 0 11px;
2710
2719
  }
2711
2720
  .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
2712
- margin: -14px 0 0 11px;
2721
+ margin: -16px 0 0 11px;
2713
2722
  }
2714
2723
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
2715
2724
  margin: -7px;
@@ -2744,7 +2753,7 @@
2744
2753
  border-width: 1px 1px 1px 0;
2745
2754
  }
2746
2755
  .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
2747
- margin: -14px 10px;
2756
+ margin: -16px 10px;
2748
2757
  }
2749
2758
  .e-grid.e-rtl .e-cloneproperties {
2750
2759
  border-width: 1px 1px 3px;
@@ -3143,7 +3152,7 @@
3143
3152
  }
3144
3153
  .e-bigger .e-grid.e-rtl .e-columnmenu,
3145
3154
  .e-bigger.e-grid.e-rtl .e-columnmenu {
3146
- margin: -17px -18px -18px 1px;
3155
+ margin: -19px -18px -18px 1px;
3147
3156
  }
3148
3157
  .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3149
3158
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
@@ -3151,7 +3160,7 @@
3151
3160
  }
3152
3161
 
3153
3162
  .e-grid-min-height .e-rowcell {
3154
- line-height: normal;
3163
+ line-height: 0;
3155
3164
  padding-bottom: 0;
3156
3165
  padding-top: 0;
3157
3166
  }
@@ -3224,7 +3233,7 @@
3224
3233
  .e-bigger .e-grid.e-grid-min-height .e-rowcell,
3225
3234
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
3226
3235
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
3227
- line-height: normal;
3236
+ line-height: 0;
3228
3237
  padding-bottom: 0;
3229
3238
  padding-top: 0;
3230
3239
  }
@@ -3603,7 +3612,8 @@
3603
3612
  }
3604
3613
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3605
3614
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3606
- -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3615
+ -moz-appearance: none;
3616
+ /* stylelint-disable-line property-no-vendor-prefix */
3607
3617
  height: 1px;
3608
3618
  opacity: 0;
3609
3619
  width: 1px;
@@ -641,17 +641,17 @@
641
641
  }
642
642
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv,
643
643
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortfilterdiv {
644
- margin: -17px 2px;
644
+ margin: -16px 4px;
645
645
  }
646
646
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
647
647
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
648
648
  float: left;
649
- margin: 8px 2px 0 5px;
649
+ margin: 7px 2px 0 5px;
650
650
  }
651
651
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
652
652
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
653
653
  float: left;
654
- margin: 8px 2px 0 5px;
654
+ margin: 7px 2px 0 5px;
655
655
  }
656
656
  .e-bigger .e-grid .e-sortnumber,
657
657
  .e-grid.e-bigger .e-sortnumber {
@@ -661,17 +661,17 @@
661
661
  font-size: 9px;
662
662
  height: 15px;
663
663
  line-height: 16px;
664
- margin: 8px 5px 0 2px;
664
+ margin: 7px 5px 0 2px;
665
665
  text-align: center;
666
666
  width: 15px;
667
667
  }
668
668
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
669
669
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
670
- margin: 8px 5px 0 2px;
670
+ margin: 7px 5px 0 2px;
671
671
  }
672
672
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
673
673
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
674
- margin: -17px 2px;
674
+ margin: -15px -4px;
675
675
  }
676
676
  .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
677
677
  .e-grid.e-bigger.e-rtl .e-headercell .e-sortfilterdiv,
@@ -769,7 +769,7 @@
769
769
  .e-bigger .e-grid.e-bigger .e-columnmenu,
770
770
  .e-grid.e-bigger.e-bigger .e-columnmenu {
771
771
  bottom: 16px;
772
- margin: 0 -7px;
772
+ margin: -18 -7px;
773
773
  }
774
774
  .e-bigger .e-grid .e-columnmenu,
775
775
  .e-grid.e-bigger .e-columnmenu {
@@ -1679,7 +1679,7 @@
1679
1679
  text-overflow: ellipsis;
1680
1680
  white-space: nowrap;
1681
1681
  }
1682
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1682
+ .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 {
1683
1683
  text-overflow: clip;
1684
1684
  }
1685
1685
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -1733,13 +1733,13 @@
1733
1733
  .e-grid .e-sortfilterdiv {
1734
1734
  float: right;
1735
1735
  height: 10px;
1736
- margin: -15px 10px;
1736
+ margin: -16px 10px;
1737
1737
  padding: 3px;
1738
1738
  width: 10px;
1739
1739
  }
1740
1740
  .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv {
1741
1741
  float: left;
1742
- margin: -15px 5px;
1742
+ margin: -16px 5px;
1743
1743
  }
1744
1744
  .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
1745
1745
  .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
@@ -1802,26 +1802,26 @@
1802
1802
  font-size: 9px;
1803
1803
  height: 15px;
1804
1804
  line-height: 16px;
1805
- margin: 8px 5px 0 2px;
1805
+ margin: 7px 5px 0 2px;
1806
1806
  text-align: center;
1807
1807
  width: 15px;
1808
1808
  }
1809
1809
  .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
1810
- margin: 8px 5px 0 2px;
1810
+ margin: 7px -3px 0 2px;
1811
1811
  }
1812
1812
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
1813
1813
  float: left;
1814
- margin: 8px 2px 0 5px;
1814
+ margin: 7px 2px 0 5px;
1815
1815
  }
1816
1816
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
1817
1817
  float: left;
1818
- margin: 8px 2px 0 5px;
1818
+ margin: 7px 2px 0 5px;
1819
1819
  }
1820
1820
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1821
- margin: -15px 24px;
1821
+ margin: -16px 24px;
1822
1822
  }
1823
1823
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1824
- margin: -15px 5px;
1824
+ margin: -16px 5px;
1825
1825
  }
1826
1826
  .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
1827
1827
  margin: 3px 2px 0 5px;
@@ -1849,7 +1849,7 @@
1849
1849
  .e-grid.e-rtl .e-columnmenu {
1850
1850
  left: 5px;
1851
1851
  right: auto;
1852
- margin: -17px -18px -18px 3px;
1852
+ margin: -19px -18px -18px 3px;
1853
1853
  }
1854
1854
  .e-grid.e-wrap.e-rtl .e-columnmenu {
1855
1855
  margin: -13px -13px -23px -3px;
@@ -1971,7 +1971,8 @@
1971
1971
  padding-left: 9px;
1972
1972
  }
1973
1973
  .e-grid .e-chk-hidden {
1974
- -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
1974
+ -moz-appearance: none;
1975
+ /* stylelint-disable-line property-no-vendor-prefix */
1975
1976
  height: 1px;
1976
1977
  opacity: 0;
1977
1978
  width: 1px;
@@ -1985,7 +1986,8 @@
1985
1986
  }
1986
1987
  .e-grid .e-rowcell .e-checkbox-wrapper,
1987
1988
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
1988
- -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
1989
+ -webkit-user-select: auto;
1990
+ /* stylelint-disable-line property-no-vendor-prefix */
1989
1991
  height: 20px;
1990
1992
  line-height: 20px;
1991
1993
  position: relative;
@@ -2181,7 +2183,8 @@
2181
2183
  padding: 2px;
2182
2184
  }
2183
2185
  .e-grid .e-content {
2184
- -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2186
+ -webkit-overflow-scrolling: touch;
2187
+ /* stylelint-disable-line property-no-vendor-prefix */
2185
2188
  overflow-x: auto;
2186
2189
  overflow-y: scroll;
2187
2190
  position: relative;
@@ -2596,10 +2599,12 @@
2596
2599
  overflow: hidden;
2597
2600
  }
2598
2601
  .e-grid .e-frozenhdrcont {
2599
- -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2602
+ -ms-touch-action: none;
2603
+ /* stylelint-disable-line property-no-vendor-prefix */
2600
2604
  }
2601
2605
  .e-grid .e-frozencontent {
2602
- -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2606
+ -ms-touch-action: none;
2607
+ /* stylelint-disable-line property-no-vendor-prefix */
2603
2608
  border-bottom-width: 1px;
2604
2609
  float: left;
2605
2610
  width: min-content;
@@ -2608,19 +2613,23 @@
2608
2613
  float: right;
2609
2614
  }
2610
2615
  .e-grid .e-movablecontent {
2611
- -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2616
+ -ms-overflow-style: none;
2617
+ /* stylelint-disable-line property-no-vendor-prefix */
2612
2618
  -ms-flex: 1;
2613
2619
  flex: 1;
2614
2620
  overflow-x: auto;
2615
2621
  overflow-y: hidden;
2616
2622
  }
2617
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2623
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2624
+ /* stylelint-disable-line property-no-vendor-prefix */
2618
2625
  display: none;
2619
2626
  }
2620
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2627
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2628
+ /* stylelint-disable-line property-no-vendor-prefix */
2621
2629
  width: 7px;
2622
2630
  }
2623
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2631
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2632
+ /* stylelint-disable-line property-no-vendor-prefix */
2624
2633
  background-color: rgba(0, 0, 0, 0.5);
2625
2634
  border-radius: 4px;
2626
2635
  }
@@ -2670,7 +2679,7 @@
2670
2679
  .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,
2671
2680
  .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
2672
2681
  float: left;
2673
- margin: 9px 0 0 5px;
2682
+ margin: 6px 0 0 5px;
2674
2683
  }
2675
2684
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
2676
2685
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -2682,42 +2691,42 @@
2682
2691
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
2683
2692
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
2684
2693
  float: left;
2685
- margin: 9px 0 0 5px;
2694
+ margin: 6px 0 0 5px;
2686
2695
  }
2687
2696
  .e-grid.e-rtl .e-headercell .e-filterbarcell input, .e-grid.e-rtl .e-detailheadercell .e-filterbarcell input {
2688
2697
  border-width: 0 0 2px 0;
2689
2698
  }
2690
2699
  .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv {
2691
2700
  float: left;
2692
- margin: -14px 10px;
2701
+ margin: -16px 10px;
2693
2702
  }
2694
2703
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv {
2695
2704
  margin-left: 10px;
2696
2705
  }
2697
2706
  .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 {
2698
- margin: 8px -4px 0 0;
2707
+ margin: 6px -4px 0 0;
2699
2708
  }
2700
2709
  .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 {
2701
2710
  margin-left: -5px;
2702
2711
  }
2703
2712
  .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
2704
2713
  float: right;
2705
- margin: -14px 3px;
2714
+ margin: -16px 3px;
2706
2715
  }
2707
2716
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
2708
2717
  padding: 0 25px 0 0.7em;
2709
2718
  }
2710
2719
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
2711
2720
  float: right;
2712
- margin: 0 2px 0 0;
2721
+ margin: 6px 2px 0 0;
2713
2722
  }
2714
2723
  .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 {
2715
2724
  float: left;
2716
- margin: 9px 0 0 5px;
2725
+ margin: 6px 0 0 5px;
2717
2726
  }
2718
2727
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
2719
2728
  float: left;
2720
- margin: 9px 0 0 5px;
2729
+ margin: 6px 0 0 5px;
2721
2730
  }
2722
2731
  .e-grid.e-rtl .e-rowcell:first-child,
2723
2732
  .e-grid.e-rtl .e-summarycell:first-child {
@@ -2740,10 +2749,10 @@
2740
2749
  margin: -17px 5px;
2741
2750
  }
2742
2751
  .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
2743
- margin: -14px 0 0 11px;
2752
+ margin: -16px 0 0 11px;
2744
2753
  }
2745
2754
  .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
2746
- margin: -14px 0 0 11px;
2755
+ margin: -16px 0 0 11px;
2747
2756
  }
2748
2757
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
2749
2758
  margin: -7px;
@@ -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: -14px 10px;
2790
+ margin: -16px 10px;
2782
2791
  }
2783
2792
  .e-grid.e-rtl .e-cloneproperties {
2784
2793
  border-width: 1px 1px 3px;
@@ -3177,7 +3186,7 @@
3177
3186
  }
3178
3187
  .e-bigger .e-grid.e-rtl .e-columnmenu,
3179
3188
  .e-bigger.e-grid.e-rtl .e-columnmenu {
3180
- margin: -17px -18px -18px 3px;
3189
+ margin: -19px -18px -18px 3px;
3181
3190
  }
3182
3191
  .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3183
3192
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
@@ -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;