@syncfusion/ej2-angular-grids 20.4.38 → 20.4.39

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 (78) hide show
  1. package/README.md +122 -55
  2. package/esm2020/src/pager/pager.component.mjs +4 -4
  3. package/fesm2015/syncfusion-ej2-angular-grids.mjs +3 -3
  4. package/fesm2015/syncfusion-ej2-angular-grids.mjs.map +1 -1
  5. package/fesm2020/syncfusion-ej2-angular-grids.mjs +3 -3
  6. package/fesm2020/syncfusion-ej2-angular-grids.mjs.map +1 -1
  7. package/package.json +1 -1
  8. package/src/pager/pager.component.d.ts +5 -1
  9. package/styles/bootstrap-dark.css +28 -24
  10. package/styles/bootstrap.css +25 -21
  11. package/styles/bootstrap4.css +39 -31
  12. package/styles/bootstrap5-dark.css +35 -27
  13. package/styles/bootstrap5.css +35 -27
  14. package/styles/fabric-dark.css +42 -38
  15. package/styles/fabric.css +37 -33
  16. package/styles/fluent-dark.css +23 -19
  17. package/styles/fluent.css +23 -19
  18. package/styles/grid/_bootstrap-dark-definition.scss +18 -18
  19. package/styles/grid/_bootstrap-definition.scss +16 -16
  20. package/styles/grid/_bootstrap4-definition.scss +23 -23
  21. package/styles/grid/_bootstrap5-definition.scss +20 -20
  22. package/styles/grid/_fabric-dark-definition.scss +25 -25
  23. package/styles/grid/_fabric-definition.scss +23 -23
  24. package/styles/grid/_fluent-definition.scss +14 -14
  25. package/styles/grid/_highcontrast-definition.scss +24 -24
  26. package/styles/grid/_highcontrast-light-definition.scss +22 -22
  27. package/styles/grid/_layout.scss +24 -5
  28. package/styles/grid/_material-dark-definition.scss +24 -24
  29. package/styles/grid/_material-definition.scss +23 -23
  30. package/styles/grid/_tailwind-definition.scss +12 -12
  31. package/styles/grid/bootstrap-dark.css +28 -24
  32. package/styles/grid/bootstrap.css +25 -21
  33. package/styles/grid/bootstrap4.css +39 -31
  34. package/styles/grid/bootstrap5-dark.css +35 -27
  35. package/styles/grid/bootstrap5.css +35 -27
  36. package/styles/grid/fabric-dark.css +42 -38
  37. package/styles/grid/fabric.css +37 -33
  38. package/styles/grid/fluent-dark.css +23 -19
  39. package/styles/grid/fluent.css +23 -19
  40. package/styles/grid/highcontrast-light.css +40 -36
  41. package/styles/grid/highcontrast.css +42 -38
  42. package/styles/grid/material-dark.css +39 -35
  43. package/styles/grid/material.css +38 -34
  44. package/styles/grid/tailwind-dark.css +21 -17
  45. package/styles/grid/tailwind.css +21 -17
  46. package/styles/highcontrast-light.css +40 -36
  47. package/styles/highcontrast.css +42 -38
  48. package/styles/material-dark.css +39 -35
  49. package/styles/material.css +38 -34
  50. package/styles/tailwind-dark.css +21 -17
  51. package/styles/tailwind.css +21 -17
  52. package/schematics/collection.json +0 -20
  53. package/schematics/generators/grid-default/index.d.ts +0 -3
  54. package/schematics/generators/grid-default/index.js +0 -8
  55. package/schematics/generators/grid-default/sample-details.d.ts +0 -5
  56. package/schematics/generators/grid-default/sample-details.js +0 -7
  57. package/schematics/generators/grid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  58. package/schematics/generators/grid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  59. package/schematics/generators/grid-default/schema.d.ts +0 -3
  60. package/schematics/generators/grid-default/schema.js +0 -2
  61. package/schematics/generators/grid-default/schema.json +0 -125
  62. package/schematics/generators/grid-feature/index.d.ts +0 -3
  63. package/schematics/generators/grid-feature/index.js +0 -8
  64. package/schematics/generators/grid-feature/sample-details.d.ts +0 -5
  65. package/schematics/generators/grid-feature/sample-details.js +0 -7
  66. package/schematics/generators/grid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  67. package/schematics/generators/grid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  68. package/schematics/generators/grid-feature/schema.d.ts +0 -3
  69. package/schematics/generators/grid-feature/schema.js +0 -2
  70. package/schematics/generators/grid-feature/schema.json +0 -125
  71. package/schematics/ng-add/index.d.ts +0 -3
  72. package/schematics/ng-add/index.js +0 -9
  73. package/schematics/ng-add/schema.d.ts +0 -13
  74. package/schematics/ng-add/schema.js +0 -2
  75. package/schematics/ng-add/schema.json +0 -34
  76. package/schematics/tsconfig.json +0 -25
  77. package/schematics/utils/lib-details.d.ts +0 -4
  78. package/schematics/utils/lib-details.js +0 -6
@@ -529,7 +529,7 @@
529
529
  }
530
530
  .e-bigger .e-grid .e-sortfilterdiv,
531
531
  .e-grid.e-bigger .e-sortfilterdiv {
532
- margin: -23px 6px;
532
+ margin: -23px -4px;
533
533
  }
534
534
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv,
535
535
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
@@ -568,12 +568,12 @@
568
568
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
569
569
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
570
570
  float: left;
571
- margin: 9px 0 0 15px;
571
+ margin: 8px 2px 0 5px;
572
572
  }
573
573
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
574
574
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
575
575
  float: left;
576
- margin: 9px 0 0 15px;
576
+ margin: 8px 2px 0 5px;
577
577
  }
578
578
  .e-bigger .e-grid .e-sortnumber,
579
579
  .e-grid.e-bigger .e-sortnumber {
@@ -583,13 +583,13 @@
583
583
  font-size: 9px;
584
584
  height: 15px;
585
585
  line-height: 15px;
586
- margin: 9px 2px 0 2px;
586
+ margin: 8px 5px 0 2px;
587
587
  text-align: center;
588
588
  width: 15px;
589
589
  }
590
590
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
591
591
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
592
- margin: 9px 2px 0 2px;
592
+ margin: 8px 5px 0 2px;
593
593
  }
594
594
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
595
595
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -602,37 +602,37 @@
602
602
  }
603
603
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
604
604
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
605
- margin: -22px 0 0 22px;
605
+ margin: -22px 0 0 -6px;
606
606
  }
607
607
  .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
608
608
  .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
609
- margin: -23px 0 0 -7px;
609
+ margin: -16px 0 0 -7px;
610
610
  }
611
611
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
612
612
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
613
- margin: -23px 0 0 5px;
613
+ margin: -16px 0 0 8px;
614
614
  }
615
615
  .e-bigger .e-grid.e-rtl .e-filtermenudiv,
616
616
  .e-grid.e-bigger.e-rtl .e-filtermenudiv {
617
- margin: -26px -7px;
617
+ margin: -19px -7px;
618
618
  }
619
619
  .e-bigger .e-grid.e-rtl .e-rightalign .e-filtermenudiv,
620
620
  .e-grid.e-bigger.e-rtl .e-rightalign .e-filtermenudiv {
621
- margin: -26px -7px;
621
+ margin: -19px -7px;
622
622
  }
623
623
  .e-bigger .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber, .e-bigger .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
624
624
  .e-grid.e-bigger.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
625
625
  .e-grid.e-bigger.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber {
626
- margin: 9px 0 0 3px;
626
+ margin: 7px 0 0 3px;
627
627
  }
628
628
  .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,
629
629
  .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
630
630
  .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
631
- margin: 9px 0 0 3px;
631
+ margin: 7px 0 0 5px;
632
632
  }
633
633
  .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
634
634
  .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
635
- margin: 9px 0 0 3px;
635
+ margin: 7px 0 0 3px;
636
636
  }
637
637
  .e-bigger .e-grid .e-rowcell,
638
638
  .e-bigger .e-grid .e-summarycell,
@@ -691,7 +691,7 @@
691
691
  .e-bigger .e-grid.e-bigger .e-columnmenu,
692
692
  .e-grid.e-bigger.e-bigger .e-columnmenu {
693
693
  bottom: 16px;
694
- margin: -8px -7px;
694
+ margin: -26px -20px;
695
695
  }
696
696
  .e-bigger .e-grid .e-columnmenu,
697
697
  .e-grid.e-bigger .e-columnmenu {
@@ -1102,6 +1102,13 @@
1102
1102
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1103
1103
  font-size: 12px;
1104
1104
  }
1105
+ .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) {
1106
+ background: none;
1107
+ box-shadow: none;
1108
+ }
1109
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1110
+ border: none;
1111
+ }
1105
1112
  .e-grid .e-res-toolbar {
1106
1113
  border-bottom: 1px solid;
1107
1114
  border-bottom-color: #969696;
@@ -1601,7 +1608,7 @@
1601
1608
  text-overflow: ellipsis;
1602
1609
  white-space: nowrap;
1603
1610
  }
1604
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1611
+ .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 {
1605
1612
  text-overflow: clip;
1606
1613
  }
1607
1614
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -1655,7 +1662,7 @@
1655
1662
  .e-grid .e-sortfilterdiv {
1656
1663
  float: right;
1657
1664
  height: 16px;
1658
- margin: -21px 11px;
1665
+ margin: -21px 0;
1659
1666
  padding: 3px;
1660
1667
  width: 16px;
1661
1668
  }
@@ -1665,7 +1672,7 @@
1665
1672
  }
1666
1673
  .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
1667
1674
  .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
1668
- padding: 0;
1675
+ padding: 0 0 0 10px;
1669
1676
  }
1670
1677
  .e-grid .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
1671
1678
  margin: 0 20px 0 10px;
@@ -1675,10 +1682,10 @@
1675
1682
  }
1676
1683
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
1677
1684
  .e-grid .e-gridheader .e-stackedheadercelldiv {
1678
- padding: 0 1px;
1685
+ padding: 0 10px 0 0;
1679
1686
  }
1680
1687
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
1681
- padding: 0 1px;
1688
+ padding: 0 10px 0 0;
1682
1689
  }
1683
1690
  .e-grid .e-filtermenudiv {
1684
1691
  float: right;
@@ -1724,23 +1731,23 @@
1724
1731
  font-size: 9px;
1725
1732
  height: 15px;
1726
1733
  line-height: 15px;
1727
- margin: 9px 2px 0 2px;
1734
+ margin: 8px 5px 0 2px;
1728
1735
  text-align: center;
1729
1736
  width: 15px;
1730
1737
  }
1731
1738
  .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
1732
- margin: 9px 2px 0 2px;
1739
+ margin: 8px -3px 0 2px;
1733
1740
  }
1734
1741
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
1735
1742
  float: left;
1736
- margin: 9px 0 0 15px;
1743
+ margin: 8px 2px 0 5px;
1737
1744
  }
1738
1745
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
1739
1746
  float: left;
1740
- margin: 9px 0 0 15px;
1747
+ margin: 8px 2px 0 5px;
1741
1748
  }
1742
1749
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1743
- margin: -22px 15px 0 0;
1750
+ margin: -21px 15px 0 0;
1744
1751
  }
1745
1752
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1746
1753
  margin: -21px 0 0 8px;
@@ -1771,7 +1778,7 @@
1771
1778
  .e-grid.e-rtl .e-columnmenu {
1772
1779
  left: 5px;
1773
1780
  right: auto;
1774
- margin: -17px -18px -18px 1px;
1781
+ margin: -26px -18px -18px -6px;
1775
1782
  }
1776
1783
  .e-grid.e-wrap.e-rtl .e-columnmenu {
1777
1784
  margin: -13px -13px -23px -3px;
@@ -2209,13 +2216,11 @@
2209
2216
  font-size: 12px;
2210
2217
  padding: 16px 9px 13px 8px;
2211
2218
  text-decoration: none;
2212
- text-indent: 8px;
2213
2219
  }
2214
2220
  .e-grid .e-icon-grightarrow {
2215
2221
  font-size: 12px;
2216
2222
  padding: 15px 9px 15px 8px;
2217
2223
  text-decoration: none;
2218
- text-indent: 8px;
2219
2224
  }
2220
2225
  .e-grid .e-recordplusexpand {
2221
2226
  padding-top: 5px;
@@ -2617,29 +2622,29 @@
2617
2622
  margin-left: 10px;
2618
2623
  }
2619
2624
  .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 {
2620
- margin: 8px -2px 0 0;
2625
+ margin: 7px -2px 0 0;
2621
2626
  }
2622
2627
  .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 {
2623
2628
  margin-left: -5px;
2624
2629
  }
2625
2630
  .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
2626
2631
  float: right;
2627
- margin: -14px 3px;
2632
+ margin: -22px 3px;
2628
2633
  }
2629
2634
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
2630
2635
  padding: 0 25px 0 0.7em;
2631
2636
  }
2632
2637
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
2633
2638
  float: right;
2634
- margin: 0 2px 0 0;
2639
+ margin: 7px 2px 0 0;
2635
2640
  }
2636
2641
  .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 {
2637
2642
  float: left;
2638
- margin: 9px 0 0 30px;
2643
+ margin: 7px 0 0 12px;
2639
2644
  }
2640
2645
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
2641
2646
  float: left;
2642
- margin: 9px 0 0 30px;
2647
+ margin: 7px 0 0 12px;
2643
2648
  }
2644
2649
  .e-grid.e-rtl .e-rowcell:first-child,
2645
2650
  .e-grid.e-rtl .e-summarycell:first-child {
@@ -2665,7 +2670,7 @@
2665
2670
  margin: -16px 0 0 10px;
2666
2671
  }
2667
2672
  .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
2668
- margin: -22px 0 0 22px;
2673
+ margin: -16px 0 0 12px;
2669
2674
  }
2670
2675
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
2671
2676
  margin: -7px;
@@ -2700,7 +2705,7 @@
2700
2705
  border-width: 1px 1px 1px 0;
2701
2706
  }
2702
2707
  .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
2703
- margin: -22px 0 0 10px;
2708
+ margin: -22px 0 0 0;
2704
2709
  }
2705
2710
  .e-grid.e-rtl .e-cloneproperties {
2706
2711
  border-width: 1px 1px 3px;
@@ -3039,10 +3044,10 @@
3039
3044
  user-select: none;
3040
3045
  }
3041
3046
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3042
- margin-top: 0;
3047
+ margin-top: 2px;
3043
3048
  }
3044
3049
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3045
- margin-top: 0;
3050
+ margin-top: -1px;
3046
3051
  }
3047
3052
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3048
3053
  background-color: rgba(0, 0, 0, 0.1);
@@ -3057,7 +3062,6 @@
3057
3062
  .e-grid.sf-grid .e-frozencontent {
3058
3063
  border-bottom-style: solid;
3059
3064
  height: inherit;
3060
- overflow: hidden;
3061
3065
  }
3062
3066
  .e-grid.sf-grid .e-gridcontent .e-content,
3063
3067
  .e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent {
@@ -3099,7 +3103,7 @@
3099
3103
  }
3100
3104
  .e-bigger .e-grid.e-rtl .e-columnmenu,
3101
3105
  .e-bigger.e-grid.e-rtl .e-columnmenu {
3102
- margin: -17px -18px -18px 1px;
3106
+ margin: -26px -18px -18px -6px;
3103
3107
  }
3104
3108
  .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3105
3109
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
@@ -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 {
@@ -1146,6 +1146,13 @@
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
+ }
1149
1156
  .e-grid .e-res-toolbar {
1150
1157
  border-bottom: 1px solid;
1151
1158
  border-bottom-color: #616161;
@@ -1645,7 +1652,7 @@
1645
1652
  text-overflow: ellipsis;
1646
1653
  white-space: nowrap;
1647
1654
  }
1648
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
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 {
1649
1656
  text-overflow: clip;
1650
1657
  }
1651
1658
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -1699,13 +1706,13 @@
1699
1706
  .e-grid .e-sortfilterdiv {
1700
1707
  float: right;
1701
1708
  height: 10px;
1702
- margin: -15px 10px;
1709
+ margin: -16px 10px;
1703
1710
  padding: 3px;
1704
1711
  width: 10px;
1705
1712
  }
1706
1713
  .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv {
1707
1714
  float: left;
1708
- margin: -15px 5px;
1715
+ margin: -16px 5px;
1709
1716
  }
1710
1717
  .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
1711
1718
  .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
@@ -1768,26 +1775,26 @@
1768
1775
  font-size: 9px;
1769
1776
  height: 15px;
1770
1777
  line-height: 16px;
1771
- margin: 8px 5px 0 2px;
1778
+ margin: 7px 5px 0 2px;
1772
1779
  text-align: center;
1773
1780
  width: 15px;
1774
1781
  }
1775
1782
  .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
1776
- margin: 8px 5px 0 2px;
1783
+ margin: 7px -3px 0 2px;
1777
1784
  }
1778
1785
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
1779
1786
  float: left;
1780
- margin: 8px 2px 0 5px;
1787
+ margin: 7px 2px 0 5px;
1781
1788
  }
1782
1789
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
1783
1790
  float: left;
1784
- margin: 8px 2px 0 5px;
1791
+ margin: 7px 2px 0 5px;
1785
1792
  }
1786
1793
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1787
- margin: -15px 24px;
1794
+ margin: -16px 24px;
1788
1795
  }
1789
1796
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1790
- margin: -15px 5px;
1797
+ margin: -16px 5px;
1791
1798
  }
1792
1799
  .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
1793
1800
  margin: 3px 2px 0 5px;
@@ -1815,7 +1822,7 @@
1815
1822
  .e-grid.e-rtl .e-columnmenu {
1816
1823
  left: 5px;
1817
1824
  right: auto;
1818
- margin: -17px -18px -18px 1px;
1825
+ margin: -19px -18px -18px 1px;
1819
1826
  }
1820
1827
  .e-grid.e-wrap.e-rtl .e-columnmenu {
1821
1828
  margin: -13px -13px -23px -3px;
@@ -2253,13 +2260,11 @@
2253
2260
  font-size: 11px;
2254
2261
  padding: 14px 9px 12px 9px;
2255
2262
  text-decoration: none;
2256
- text-indent: 12px;
2257
2263
  }
2258
2264
  .e-grid .e-icon-grightarrow {
2259
2265
  font-size: 10px;
2260
2266
  padding: 14px 9px 14px 10px;
2261
2267
  text-decoration: none;
2262
- text-indent: 12px;
2263
2268
  }
2264
2269
  .e-grid .e-recordplusexpand {
2265
2270
  padding-top: 5px;
@@ -2636,7 +2641,7 @@
2636
2641
  .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
2642
  .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
2638
2643
  float: left;
2639
- margin: 9px 0 0 5px;
2644
+ margin: 7px 0 0 5px;
2640
2645
  }
2641
2646
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
2642
2647
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -2648,42 +2653,42 @@
2648
2653
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
2649
2654
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
2650
2655
  float: left;
2651
- margin: 9px 0 0 5px;
2656
+ margin: 7px 0 0 5px;
2652
2657
  }
2653
2658
  .e-grid.e-rtl .e-headercell .e-filterbarcell input, .e-grid.e-rtl .e-detailheadercell .e-filterbarcell input {
2654
2659
  border-width: 0 0 2px 0;
2655
2660
  }
2656
2661
  .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv {
2657
2662
  float: left;
2658
- margin: -14px 10px;
2663
+ margin: -16px 10px;
2659
2664
  }
2660
2665
  .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
2666
  margin-left: 10px;
2662
2667
  }
2663
2668
  .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;
2669
+ margin: 7px -4px 0 0;
2665
2670
  }
2666
2671
  .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
2672
  margin-left: -5px;
2668
2673
  }
2669
2674
  .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
2670
2675
  float: right;
2671
- margin: -14px 3px;
2676
+ margin: -15px 3px;
2672
2677
  }
2673
2678
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
2674
2679
  padding: 0 25px 0 0.7em;
2675
2680
  }
2676
2681
  .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
2682
  float: right;
2678
- margin: 0 2px 0 0;
2683
+ margin: 7px 2px 0 0;
2679
2684
  }
2680
2685
  .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
2686
  float: left;
2682
- margin: 9px 0 0 5px;
2687
+ margin: 7px 0 0 5px;
2683
2688
  }
2684
2689
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
2685
2690
  float: left;
2686
- margin: 9px 0 0 5px;
2691
+ margin: 7px 0 0 5px;
2687
2692
  }
2688
2693
  .e-grid.e-rtl .e-rowcell:first-child,
2689
2694
  .e-grid.e-rtl .e-summarycell:first-child {
@@ -2706,10 +2711,10 @@
2706
2711
  margin: -17px 5px;
2707
2712
  }
2708
2713
  .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
2709
- margin: -14px 0 0 11px;
2714
+ margin: -16px 0 0 11px;
2710
2715
  }
2711
2716
  .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
2712
- margin: -14px 0 0 11px;
2717
+ margin: -16px 0 0 11px;
2713
2718
  }
2714
2719
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
2715
2720
  margin: -7px;
@@ -2744,7 +2749,7 @@
2744
2749
  border-width: 1px 1px 1px 0;
2745
2750
  }
2746
2751
  .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
2747
- margin: -14px 10px;
2752
+ margin: -16px 10px;
2748
2753
  }
2749
2754
  .e-grid.e-rtl .e-cloneproperties {
2750
2755
  border-width: 1px 1px 3px;
@@ -3083,10 +3088,10 @@
3083
3088
  user-select: none;
3084
3089
  }
3085
3090
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3086
- margin-top: 0;
3091
+ margin-top: 1px;
3087
3092
  }
3088
3093
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3089
- margin-top: 0;
3094
+ margin-top: -1px;
3090
3095
  }
3091
3096
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3092
3097
  background-color: rgba(0, 0, 0, 0.1);
@@ -3101,7 +3106,6 @@
3101
3106
  .e-grid.sf-grid .e-frozencontent {
3102
3107
  border-bottom-style: solid;
3103
3108
  height: inherit;
3104
- overflow: hidden;
3105
3109
  }
3106
3110
  .e-grid.sf-grid .e-gridcontent .e-content,
3107
3111
  .e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent {
@@ -3143,7 +3147,7 @@
3143
3147
  }
3144
3148
  .e-bigger .e-grid.e-rtl .e-columnmenu,
3145
3149
  .e-bigger.e-grid.e-rtl .e-columnmenu {
3146
- margin: -17px -18px -18px 1px;
3150
+ margin: -19px -18px -18px 1px;
3147
3151
  }
3148
3152
  .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3149
3153
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {