@syncfusion/ej2-angular-grids 20.3.62 → 20.4.38

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 (56) hide show
  1. package/README.md +54 -134
  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 +8 -8
  8. package/schematics/utils/lib-details.d.ts +2 -2
  9. package/schematics/utils/lib-details.js +2 -2
  10. package/schematics/utils/lib-details.ts +2 -2
  11. package/src/grid/columns.directive.d.ts +2 -2
  12. package/src/grid/grid.component.d.ts +1 -1
  13. package/src/grid/stacked-column.directive.d.ts +2 -2
  14. package/styles/bootstrap-dark.css +23 -28
  15. package/styles/bootstrap.css +20 -25
  16. package/styles/bootstrap4.css +30 -35
  17. package/styles/bootstrap5-dark.css +26 -31
  18. package/styles/bootstrap5.css +26 -31
  19. package/styles/fabric-dark.css +37 -42
  20. package/styles/fabric.css +32 -37
  21. package/styles/fluent-dark.css +18 -23
  22. package/styles/fluent.css +18 -23
  23. package/styles/grid/_bootstrap-dark-definition.scss +18 -18
  24. package/styles/grid/_bootstrap-definition.scss +16 -16
  25. package/styles/grid/_bootstrap4-definition.scss +23 -23
  26. package/styles/grid/_bootstrap5-definition.scss +20 -20
  27. package/styles/grid/_fabric-dark-definition.scss +25 -25
  28. package/styles/grid/_fabric-definition.scss +23 -23
  29. package/styles/grid/_fluent-definition.scss +14 -14
  30. package/styles/grid/_highcontrast-definition.scss +24 -24
  31. package/styles/grid/_highcontrast-light-definition.scss +22 -22
  32. package/styles/grid/_layout.scss +4 -15
  33. package/styles/grid/_material-dark-definition.scss +24 -24
  34. package/styles/grid/_material-definition.scss +23 -23
  35. package/styles/grid/_tailwind-definition.scss +12 -12
  36. package/styles/grid/bootstrap-dark.css +23 -28
  37. package/styles/grid/bootstrap.css +20 -25
  38. package/styles/grid/bootstrap4.css +30 -35
  39. package/styles/grid/bootstrap5-dark.css +26 -31
  40. package/styles/grid/bootstrap5.css +26 -31
  41. package/styles/grid/fabric-dark.css +37 -42
  42. package/styles/grid/fabric.css +32 -37
  43. package/styles/grid/fluent-dark.css +18 -23
  44. package/styles/grid/fluent.css +18 -23
  45. package/styles/grid/highcontrast-light.css +35 -40
  46. package/styles/grid/highcontrast.css +37 -42
  47. package/styles/grid/material-dark.css +34 -39
  48. package/styles/grid/material.css +33 -38
  49. package/styles/grid/tailwind-dark.css +16 -21
  50. package/styles/grid/tailwind.css +16 -21
  51. package/styles/highcontrast-light.css +35 -40
  52. package/styles/highcontrast.css +37 -42
  53. package/styles/material-dark.css +34 -39
  54. package/styles/material.css +33 -38
  55. package/styles/tailwind-dark.css +16 -21
  56. package/styles/tailwind.css +16 -21
@@ -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: -16px 4px;
610
+ margin: -17px 2px;
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: 7px 2px 0 5px;
615
+ margin: 8px 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: 7px 2px 0 5px;
620
+ margin: 8px 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: 7px 5px 0 2px;
630
+ margin: 8px 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: 7px 5px 0 2px;
636
+ margin: 8px 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: -15px -4px;
640
+ margin: -17px 2px;
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 10px;
657
+ margin: -16px 0;
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: -18 -7px;
738
+ margin: 0 -7px;
739
739
  }
740
740
  .e-bigger .e-grid .e-columnmenu,
741
741
  .e-grid.e-bigger .e-columnmenu {
@@ -1146,13 +1146,6 @@
1146
1146
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1147
1147
  font-size: 12px;
1148
1148
  }
1149
- .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) {
1150
- background: none;
1151
- box-shadow: none;
1152
- }
1153
- .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1154
- border: none;
1155
- }
1156
1149
  .e-grid .e-res-toolbar {
1157
1150
  border-bottom: 1px solid;
1158
1151
  border-bottom-color: #616161;
@@ -1652,7 +1645,7 @@
1652
1645
  text-overflow: ellipsis;
1653
1646
  white-space: nowrap;
1654
1647
  }
1655
- .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 {
1648
+ .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1656
1649
  text-overflow: clip;
1657
1650
  }
1658
1651
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -1706,13 +1699,13 @@
1706
1699
  .e-grid .e-sortfilterdiv {
1707
1700
  float: right;
1708
1701
  height: 10px;
1709
- margin: -16px 10px;
1702
+ margin: -15px 10px;
1710
1703
  padding: 3px;
1711
1704
  width: 10px;
1712
1705
  }
1713
1706
  .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv {
1714
1707
  float: left;
1715
- margin: -16px 5px;
1708
+ margin: -15px 5px;
1716
1709
  }
1717
1710
  .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
1718
1711
  .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
@@ -1775,26 +1768,26 @@
1775
1768
  font-size: 9px;
1776
1769
  height: 15px;
1777
1770
  line-height: 16px;
1778
- margin: 7px 5px 0 2px;
1771
+ margin: 8px 5px 0 2px;
1779
1772
  text-align: center;
1780
1773
  width: 15px;
1781
1774
  }
1782
1775
  .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
1783
- margin: 7px -3px 0 2px;
1776
+ margin: 8px 5px 0 2px;
1784
1777
  }
1785
1778
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
1786
1779
  float: left;
1787
- margin: 7px 2px 0 5px;
1780
+ margin: 8px 2px 0 5px;
1788
1781
  }
1789
1782
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
1790
1783
  float: left;
1791
- margin: 7px 2px 0 5px;
1784
+ margin: 8px 2px 0 5px;
1792
1785
  }
1793
1786
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1794
- margin: -16px 24px;
1787
+ margin: -15px 24px;
1795
1788
  }
1796
1789
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1797
- margin: -16px 5px;
1790
+ margin: -15px 5px;
1798
1791
  }
1799
1792
  .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
1800
1793
  margin: 3px 2px 0 5px;
@@ -1822,7 +1815,7 @@
1822
1815
  .e-grid.e-rtl .e-columnmenu {
1823
1816
  left: 5px;
1824
1817
  right: auto;
1825
- margin: -19px -18px -18px 1px;
1818
+ margin: -17px -18px -18px 1px;
1826
1819
  }
1827
1820
  .e-grid.e-wrap.e-rtl .e-columnmenu {
1828
1821
  margin: -13px -13px -23px -3px;
@@ -2260,11 +2253,13 @@
2260
2253
  font-size: 11px;
2261
2254
  padding: 14px 9px 12px 9px;
2262
2255
  text-decoration: none;
2256
+ text-indent: 12px;
2263
2257
  }
2264
2258
  .e-grid .e-icon-grightarrow {
2265
2259
  font-size: 10px;
2266
2260
  padding: 14px 9px 14px 10px;
2267
2261
  text-decoration: none;
2262
+ text-indent: 12px;
2268
2263
  }
2269
2264
  .e-grid .e-recordplusexpand {
2270
2265
  padding-top: 5px;
@@ -2641,7 +2636,7 @@
2641
2636
  .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,
2642
2637
  .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
2643
2638
  float: left;
2644
- margin: 7px 0 0 5px;
2639
+ margin: 9px 0 0 5px;
2645
2640
  }
2646
2641
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
2647
2642
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -2653,42 +2648,42 @@
2653
2648
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
2654
2649
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
2655
2650
  float: left;
2656
- margin: 7px 0 0 5px;
2651
+ margin: 9px 0 0 5px;
2657
2652
  }
2658
2653
  .e-grid.e-rtl .e-headercell .e-filterbarcell input, .e-grid.e-rtl .e-detailheadercell .e-filterbarcell input {
2659
2654
  border-width: 0 0 2px 0;
2660
2655
  }
2661
2656
  .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv {
2662
2657
  float: left;
2663
- margin: -16px 10px;
2658
+ margin: -14px 10px;
2664
2659
  }
2665
2660
  .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 {
2666
2661
  margin-left: 10px;
2667
2662
  }
2668
2663
  .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 {
2669
- margin: 7px -4px 0 0;
2664
+ margin: 8px -4px 0 0;
2670
2665
  }
2671
2666
  .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 {
2672
2667
  margin-left: -5px;
2673
2668
  }
2674
2669
  .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
2675
2670
  float: right;
2676
- margin: -15px 3px;
2671
+ margin: -14px 3px;
2677
2672
  }
2678
2673
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
2679
2674
  padding: 0 25px 0 0.7em;
2680
2675
  }
2681
2676
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
2682
2677
  float: right;
2683
- margin: 7px 2px 0 0;
2678
+ margin: 0 2px 0 0;
2684
2679
  }
2685
2680
  .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 {
2686
2681
  float: left;
2687
- margin: 7px 0 0 5px;
2682
+ margin: 9px 0 0 5px;
2688
2683
  }
2689
2684
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
2690
2685
  float: left;
2691
- margin: 7px 0 0 5px;
2686
+ margin: 9px 0 0 5px;
2692
2687
  }
2693
2688
  .e-grid.e-rtl .e-rowcell:first-child,
2694
2689
  .e-grid.e-rtl .e-summarycell:first-child {
@@ -2711,10 +2706,10 @@
2711
2706
  margin: -17px 5px;
2712
2707
  }
2713
2708
  .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
2714
- margin: -16px 0 0 11px;
2709
+ margin: -14px 0 0 11px;
2715
2710
  }
2716
2711
  .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
2717
- margin: -16px 0 0 11px;
2712
+ margin: -14px 0 0 11px;
2718
2713
  }
2719
2714
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
2720
2715
  margin: -7px;
@@ -2749,7 +2744,7 @@
2749
2744
  border-width: 1px 1px 1px 0;
2750
2745
  }
2751
2746
  .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
2752
- margin: -16px 10px;
2747
+ margin: -14px 10px;
2753
2748
  }
2754
2749
  .e-grid.e-rtl .e-cloneproperties {
2755
2750
  border-width: 1px 1px 3px;
@@ -3088,10 +3083,10 @@
3088
3083
  user-select: none;
3089
3084
  }
3090
3085
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3091
- margin-top: 1px;
3086
+ margin-top: 0;
3092
3087
  }
3093
3088
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3094
- margin-top: -1px;
3089
+ margin-top: 0;
3095
3090
  }
3096
3091
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3097
3092
  background-color: rgba(0, 0, 0, 0.1);
@@ -3148,7 +3143,7 @@
3148
3143
  }
3149
3144
  .e-bigger .e-grid.e-rtl .e-columnmenu,
3150
3145
  .e-bigger.e-grid.e-rtl .e-columnmenu {
3151
- margin: -19px -18px -18px 1px;
3146
+ margin: -17px -18px -18px 1px;
3152
3147
  }
3153
3148
  .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3154
3149
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
@@ -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: -16px 4px;
644
+ margin: -17px 2px;
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: 7px 2px 0 5px;
649
+ margin: 8px 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: 7px 2px 0 5px;
654
+ margin: 8px 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: 7px 5px 0 2px;
664
+ margin: 8px 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: 7px 5px 0 2px;
670
+ margin: 8px 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: -15px -4px;
674
+ margin: -17px 2px;
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: -18 -7px;
772
+ margin: 0 -7px;
773
773
  }
774
774
  .e-bigger .e-grid .e-columnmenu,
775
775
  .e-grid.e-bigger .e-columnmenu {
@@ -1180,13 +1180,6 @@
1180
1180
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1181
1181
  font-size: 12px;
1182
1182
  }
1183
- .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) {
1184
- background: none;
1185
- box-shadow: none;
1186
- }
1187
- .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1188
- border: none;
1189
- }
1190
1183
  .e-grid .e-res-toolbar {
1191
1184
  border-bottom: 1px solid;
1192
1185
  border-bottom-color: #e0e0e0;
@@ -1686,7 +1679,7 @@
1686
1679
  text-overflow: ellipsis;
1687
1680
  white-space: nowrap;
1688
1681
  }
1689
- .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 {
1682
+ .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1690
1683
  text-overflow: clip;
1691
1684
  }
1692
1685
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -1740,13 +1733,13 @@
1740
1733
  .e-grid .e-sortfilterdiv {
1741
1734
  float: right;
1742
1735
  height: 10px;
1743
- margin: -16px 10px;
1736
+ margin: -15px 10px;
1744
1737
  padding: 3px;
1745
1738
  width: 10px;
1746
1739
  }
1747
1740
  .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv {
1748
1741
  float: left;
1749
- margin: -16px 5px;
1742
+ margin: -15px 5px;
1750
1743
  }
1751
1744
  .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
1752
1745
  .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
@@ -1809,26 +1802,26 @@
1809
1802
  font-size: 9px;
1810
1803
  height: 15px;
1811
1804
  line-height: 16px;
1812
- margin: 7px 5px 0 2px;
1805
+ margin: 8px 5px 0 2px;
1813
1806
  text-align: center;
1814
1807
  width: 15px;
1815
1808
  }
1816
1809
  .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
1817
- margin: 7px -3px 0 2px;
1810
+ margin: 8px 5px 0 2px;
1818
1811
  }
1819
1812
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
1820
1813
  float: left;
1821
- margin: 7px 2px 0 5px;
1814
+ margin: 8px 2px 0 5px;
1822
1815
  }
1823
1816
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
1824
1817
  float: left;
1825
- margin: 7px 2px 0 5px;
1818
+ margin: 8px 2px 0 5px;
1826
1819
  }
1827
1820
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1828
- margin: -16px 24px;
1821
+ margin: -15px 24px;
1829
1822
  }
1830
1823
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1831
- margin: -16px 5px;
1824
+ margin: -15px 5px;
1832
1825
  }
1833
1826
  .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
1834
1827
  margin: 3px 2px 0 5px;
@@ -1856,7 +1849,7 @@
1856
1849
  .e-grid.e-rtl .e-columnmenu {
1857
1850
  left: 5px;
1858
1851
  right: auto;
1859
- margin: -19px -18px -18px 3px;
1852
+ margin: -17px -18px -18px 3px;
1860
1853
  }
1861
1854
  .e-grid.e-wrap.e-rtl .e-columnmenu {
1862
1855
  margin: -13px -13px -23px -3px;
@@ -2294,11 +2287,13 @@
2294
2287
  font-size: 11px;
2295
2288
  padding: 14px 9px 12px 9px;
2296
2289
  text-decoration: none;
2290
+ text-indent: 12px;
2297
2291
  }
2298
2292
  .e-grid .e-icon-grightarrow {
2299
2293
  font-size: 10px;
2300
2294
  padding: 14px 9px 14px 10px;
2301
2295
  text-decoration: none;
2296
+ text-indent: 12px;
2302
2297
  }
2303
2298
  .e-grid .e-recordplusexpand {
2304
2299
  padding-top: 5px;
@@ -2675,7 +2670,7 @@
2675
2670
  .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,
2676
2671
  .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
2677
2672
  float: left;
2678
- margin: 6px 0 0 5px;
2673
+ margin: 9px 0 0 5px;
2679
2674
  }
2680
2675
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
2681
2676
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -2687,42 +2682,42 @@
2687
2682
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
2688
2683
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
2689
2684
  float: left;
2690
- margin: 6px 0 0 5px;
2685
+ margin: 9px 0 0 5px;
2691
2686
  }
2692
2687
  .e-grid.e-rtl .e-headercell .e-filterbarcell input, .e-grid.e-rtl .e-detailheadercell .e-filterbarcell input {
2693
2688
  border-width: 0 0 2px 0;
2694
2689
  }
2695
2690
  .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv {
2696
2691
  float: left;
2697
- margin: -16px 10px;
2692
+ margin: -14px 10px;
2698
2693
  }
2699
2694
  .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 {
2700
2695
  margin-left: 10px;
2701
2696
  }
2702
2697
  .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 {
2703
- margin: 6px -4px 0 0;
2698
+ margin: 8px -4px 0 0;
2704
2699
  }
2705
2700
  .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 {
2706
2701
  margin-left: -5px;
2707
2702
  }
2708
2703
  .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
2709
2704
  float: right;
2710
- margin: -16px 3px;
2705
+ margin: -14px 3px;
2711
2706
  }
2712
2707
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
2713
2708
  padding: 0 25px 0 0.7em;
2714
2709
  }
2715
2710
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
2716
2711
  float: right;
2717
- margin: 6px 2px 0 0;
2712
+ margin: 0 2px 0 0;
2718
2713
  }
2719
2714
  .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 {
2720
2715
  float: left;
2721
- margin: 6px 0 0 5px;
2716
+ margin: 9px 0 0 5px;
2722
2717
  }
2723
2718
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
2724
2719
  float: left;
2725
- margin: 6px 0 0 5px;
2720
+ margin: 9px 0 0 5px;
2726
2721
  }
2727
2722
  .e-grid.e-rtl .e-rowcell:first-child,
2728
2723
  .e-grid.e-rtl .e-summarycell:first-child {
@@ -2745,10 +2740,10 @@
2745
2740
  margin: -17px 5px;
2746
2741
  }
2747
2742
  .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
2748
- margin: -16px 0 0 11px;
2743
+ margin: -14px 0 0 11px;
2749
2744
  }
2750
2745
  .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
2751
- margin: -16px 0 0 11px;
2746
+ margin: -14px 0 0 11px;
2752
2747
  }
2753
2748
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
2754
2749
  margin: -7px;
@@ -2783,7 +2778,7 @@
2783
2778
  border-width: 1px 1px 1px 0;
2784
2779
  }
2785
2780
  .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
2786
- margin: -16px 10px;
2781
+ margin: -14px 10px;
2787
2782
  }
2788
2783
  .e-grid.e-rtl .e-cloneproperties {
2789
2784
  border-width: 1px 1px 3px;
@@ -3122,10 +3117,10 @@
3122
3117
  user-select: none;
3123
3118
  }
3124
3119
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3125
- margin-top: 1px;
3120
+ margin-top: 0;
3126
3121
  }
3127
3122
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3128
- margin-top: -1px;
3123
+ margin-top: 0;
3129
3124
  }
3130
3125
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3131
3126
  background-color: rgba(0, 0, 0, 0.1);
@@ -3182,7 +3177,7 @@
3182
3177
  }
3183
3178
  .e-bigger .e-grid.e-rtl .e-columnmenu,
3184
3179
  .e-bigger.e-grid.e-rtl .e-columnmenu {
3185
- margin: -19px -18px -18px 3px;
3180
+ margin: -17px -18px -18px 3px;
3186
3181
  }
3187
3182
  .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3188
3183
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
@@ -598,12 +598,12 @@
598
598
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
599
599
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
600
600
  float: left;
601
- margin: 0 6px 0 0;
601
+ margin: 0 6px 0 16px;
602
602
  }
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: 0 6px 0 6px;
606
+ margin: 0 6px 0 20px;
607
607
  }
608
608
  .e-bigger .e-grid .e-sortnumber,
609
609
  .e-grid.e-bigger .e-sortnumber {
@@ -667,7 +667,7 @@
667
667
  .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,
668
668
  .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
669
669
  .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
670
- margin: 0 6px 0 5px;
670
+ margin: 0 6px 0 32px;
671
671
  }
672
672
  .e-bigger .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-bigger .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
673
673
  .e-grid.e-bigger.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
@@ -766,7 +766,7 @@
766
766
  .e-bigger .e-grid.e-bigger .e-columnmenu,
767
767
  .e-grid.e-bigger.e-bigger .e-columnmenu {
768
768
  bottom: 13px;
769
- margin: -14px -15px;
769
+ margin: 0 -3px;
770
770
  }
771
771
  .e-bigger .e-grid .e-columnmenu,
772
772
  .e-grid.e-bigger .e-columnmenu {
@@ -1182,13 +1182,6 @@
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
- }
1192
1185
  .e-grid .e-res-toolbar {
1193
1186
  border-bottom: 1px solid;
1194
1187
  border-bottom-color: #4b5563;
@@ -1693,7 +1686,7 @@
1693
1686
  text-overflow: ellipsis;
1694
1687
  white-space: nowrap;
1695
1688
  }
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 {
1689
+ .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1697
1690
  text-overflow: clip;
1698
1691
  }
1699
1692
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -1772,7 +1765,7 @@
1772
1765
  }
1773
1766
  .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
1774
1767
  .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
1775
- padding: 0 5px 0 20px;
1768
+ padding: 0 5px 0;
1776
1769
  }
1777
1770
  .e-grid .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
1778
1771
  margin: -5px 15px -5px 0;
@@ -1840,11 +1833,11 @@
1840
1833
  }
1841
1834
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
1842
1835
  float: left;
1843
- margin: 0 4px 0 -2px;
1836
+ margin: 0 4px 0 14px;
1844
1837
  }
1845
1838
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
1846
1839
  float: left;
1847
- margin: 0 4px 0 2px;
1840
+ margin: 0 4px 0 18px;
1848
1841
  }
1849
1842
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1850
1843
  margin: -13px 21px -13px 4px;
@@ -2325,11 +2318,13 @@
2325
2318
  font-size: 14px;
2326
2319
  padding: 11px 8px 10px 8px;
2327
2320
  text-decoration: none;
2321
+ text-indent: 11px;
2328
2322
  }
2329
2323
  .e-grid .e-icon-grightarrow {
2330
2324
  font-size: 14px;
2331
2325
  padding: 10px 8px 12px 8px;
2332
2326
  text-decoration: none;
2327
+ text-indent: 11px;
2333
2328
  }
2334
2329
  .e-grid .e-recordplusexpand {
2335
2330
  padding-top: 5px;
@@ -2699,7 +2694,7 @@
2699
2694
  .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
2700
2695
  .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
2701
2696
  .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
2702
- padding: 0 0.4em 0 4.2em;
2697
+ padding: 0 0.4em 0 1.8em;
2703
2698
  text-align: right;
2704
2699
  }
2705
2700
  .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
@@ -2711,7 +2706,7 @@
2711
2706
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
2712
2707
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
2713
2708
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv {
2714
- padding: 0 0.4em 0 4.2em;
2709
+ padding: 0 0.4em 0 1.8em;
2715
2710
  text-align: right;
2716
2711
  }
2717
2712
  .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
@@ -2751,11 +2746,11 @@
2751
2746
  }
2752
2747
  .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 {
2753
2748
  float: left;
2754
- margin: 0 4px 0 6px;
2749
+ margin: 0 4px 0 32px;
2755
2750
  }
2756
2751
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
2757
2752
  float: left;
2758
- margin: 0 4px 0;
2753
+ margin: 0 4px 0 18px;
2759
2754
  }
2760
2755
  .e-grid.e-rtl .e-rowcell:first-child,
2761
2756
  .e-grid.e-rtl .e-summarycell:first-child {
@@ -3158,10 +3153,10 @@
3158
3153
  user-select: none;
3159
3154
  }
3160
3155
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3161
- margin-top: -4px;
3156
+ margin-top: -11px;
3162
3157
  }
3163
3158
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3164
- margin-top: -5px;
3159
+ margin-top: 1px;
3165
3160
  }
3166
3161
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3167
3162
  background-color: rgba(0, 0, 0, 0.1);