@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
@@ -637,12 +637,12 @@
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 4px 0 10px;
640
+ margin: 2px 4px 0 -2px;
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 4px 0 15px;
645
+ margin: 2px 4px 0 2px;
646
646
  }
647
647
  .e-bigger .e-grid .e-sortnumber,
648
648
  .e-grid.e-bigger .e-sortnumber {
@@ -672,7 +672,7 @@
672
672
  }
673
673
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
674
674
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
675
- margin: -33px 6px;
675
+ margin: -31px 6px;
676
676
  }
677
677
  .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
678
678
  .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
@@ -698,7 +698,7 @@
698
698
  .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,
699
699
  .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
700
700
  .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
701
- margin: 2px 0 0 24px;
701
+ margin: 2px 0 0 8px;
702
702
  }
703
703
  .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
704
704
  .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
@@ -774,7 +774,7 @@
774
774
  .e-bigger .e-grid.e-bigger .e-columnmenu,
775
775
  .e-grid.e-bigger.e-bigger .e-columnmenu {
776
776
  bottom: 13px;
777
- margin: 0 -3px;
777
+ margin: -20px;
778
778
  }
779
779
  .e-bigger .e-grid .e-columnmenu,
780
780
  .e-grid.e-bigger .e-columnmenu {
@@ -1193,6 +1193,13 @@
1193
1193
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1194
1194
  font-size: 14px;
1195
1195
  }
1196
+ .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) {
1197
+ background: none;
1198
+ box-shadow: none;
1199
+ }
1200
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1201
+ border: none;
1202
+ }
1196
1203
  .e-grid .e-res-toolbar {
1197
1204
  border-bottom: 1px solid;
1198
1205
  border-bottom-color: #292827;
@@ -1695,7 +1702,7 @@
1695
1702
  text-overflow: ellipsis;
1696
1703
  white-space: nowrap;
1697
1704
  }
1698
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1705
+ .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 {
1699
1706
  text-overflow: clip;
1700
1707
  }
1701
1708
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -1762,7 +1769,7 @@
1762
1769
  }
1763
1770
  .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
1764
1771
  .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
1765
- padding: 0 5px 0;
1772
+ padding: 0 5px 0 20px;
1766
1773
  }
1767
1774
  .e-grid .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
1768
1775
  margin: -5px 14px -5px 0;
@@ -1834,17 +1841,17 @@
1834
1841
  }
1835
1842
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
1836
1843
  float: left;
1837
- margin: 2px 8px 0 12px;
1844
+ margin: 2px 8px 0 8px;
1838
1845
  }
1839
1846
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
1840
1847
  float: left;
1841
- margin: 2px 8px 0 22px;
1848
+ margin: 2px 8px 0 8px;
1842
1849
  }
1843
1850
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1844
1851
  margin: -30px 20px -29px 0;
1845
1852
  }
1846
1853
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1847
- margin: -30px -11px -5px -5px;
1854
+ margin: -30px 5px;
1848
1855
  }
1849
1856
  .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
1850
1857
  margin: 3px 2px 0 10px;
@@ -1863,7 +1870,7 @@
1863
1870
  position: absolute;
1864
1871
  right: 23px;
1865
1872
  float: right;
1866
- margin: -21px -18px -3px -19px;
1873
+ margin: -19px -21px -3px -19px;
1867
1874
  padding: 6px;
1868
1875
  }
1869
1876
  .e-grid.e-wrap .e-columnmenu {
@@ -2314,13 +2321,11 @@
2314
2321
  font-size: 16px;
2315
2322
  padding: 9px 7px 9px 7px;
2316
2323
  text-decoration: none;
2317
- text-indent: 11px;
2318
2324
  }
2319
2325
  .e-grid .e-icon-grightarrow {
2320
2326
  font-size: 16px;
2321
2327
  padding: 8px 7px 11px 7px;
2322
2328
  text-decoration: none;
2323
- text-indent: 11px;
2324
2329
  }
2325
2330
  .e-grid .e-recordplusexpand {
2326
2331
  padding-top: 5px;
@@ -2730,7 +2735,7 @@
2730
2735
  }
2731
2736
  .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
2732
2737
  float: right;
2733
- margin: -30px 3px;
2738
+ margin: -31px 3px;
2734
2739
  }
2735
2740
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
2736
2741
  padding: 0 25px 0 0.7em;
@@ -2745,7 +2750,7 @@
2745
2750
  }
2746
2751
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
2747
2752
  float: left;
2748
- margin: 3px 0 0 26px;
2753
+ margin: 3px 0 0 8px;
2749
2754
  }
2750
2755
  .e-grid.e-rtl .e-rowcell:first-child,
2751
2756
  .e-grid.e-rtl .e-summarycell:first-child {
@@ -2806,7 +2811,7 @@
2806
2811
  border-width: 1px 1px 1px 0;
2807
2812
  }
2808
2813
  .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
2809
- margin: -30px 8px;
2814
+ margin: -30px 3px;
2810
2815
  }
2811
2816
  .e-grid.e-rtl .e-cloneproperties {
2812
2817
  border-width: 1px 1px 3px;
@@ -3148,7 +3153,7 @@
3148
3153
  margin-top: 0;
3149
3154
  }
3150
3155
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3151
- margin-top: 0;
3156
+ margin-top: -1px;
3152
3157
  }
3153
3158
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3154
3159
  background-color: rgba(0, 0, 0, 0.1);
@@ -3163,7 +3168,6 @@
3163
3168
  .e-grid.sf-grid .e-frozencontent {
3164
3169
  border-bottom-style: solid;
3165
3170
  height: inherit;
3166
- overflow: hidden;
3167
3171
  }
3168
3172
  .e-grid.sf-grid .e-gridcontent .e-content,
3169
3173
  .e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent {
@@ -3196,7 +3200,7 @@
3196
3200
  }
3197
3201
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3198
3202
  .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3199
- margin-top: -9px;
3203
+ margin-top: -2px;
3200
3204
  }
3201
3205
  .e-bigger .e-grid .e-gridheader thead .e-icons,
3202
3206
  .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -637,12 +637,12 @@
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 4px 0 10px;
640
+ margin: 2px 4px 0 -2px;
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 4px 0 15px;
645
+ margin: 2px 4px 0 2px;
646
646
  }
647
647
  .e-bigger .e-grid .e-sortnumber,
648
648
  .e-grid.e-bigger .e-sortnumber {
@@ -672,7 +672,7 @@
672
672
  }
673
673
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
674
674
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
675
- margin: -33px 6px;
675
+ margin: -31px 6px;
676
676
  }
677
677
  .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
678
678
  .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
@@ -698,7 +698,7 @@
698
698
  .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,
699
699
  .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
700
700
  .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
701
- margin: 2px 0 0 24px;
701
+ margin: 2px 0 0 8px;
702
702
  }
703
703
  .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
704
704
  .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
@@ -774,7 +774,7 @@
774
774
  .e-bigger .e-grid.e-bigger .e-columnmenu,
775
775
  .e-grid.e-bigger.e-bigger .e-columnmenu {
776
776
  bottom: 13px;
777
- margin: 0 -3px;
777
+ margin: -20px;
778
778
  }
779
779
  .e-bigger .e-grid .e-columnmenu,
780
780
  .e-grid.e-bigger .e-columnmenu {
@@ -1193,6 +1193,13 @@
1193
1193
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1194
1194
  font-size: 14px;
1195
1195
  }
1196
+ .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) {
1197
+ background: none;
1198
+ box-shadow: none;
1199
+ }
1200
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1201
+ border: none;
1202
+ }
1196
1203
  .e-grid .e-res-toolbar {
1197
1204
  border-bottom: 1px solid;
1198
1205
  border-bottom-color: #edebe9;
@@ -1695,7 +1702,7 @@
1695
1702
  text-overflow: ellipsis;
1696
1703
  white-space: nowrap;
1697
1704
  }
1698
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1705
+ .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 {
1699
1706
  text-overflow: clip;
1700
1707
  }
1701
1708
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -1762,7 +1769,7 @@
1762
1769
  }
1763
1770
  .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
1764
1771
  .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
1765
- padding: 0 5px 0;
1772
+ padding: 0 5px 0 20px;
1766
1773
  }
1767
1774
  .e-grid .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
1768
1775
  margin: -5px 14px -5px 0;
@@ -1834,17 +1841,17 @@
1834
1841
  }
1835
1842
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
1836
1843
  float: left;
1837
- margin: 2px 8px 0 12px;
1844
+ margin: 2px 8px 0 8px;
1838
1845
  }
1839
1846
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
1840
1847
  float: left;
1841
- margin: 2px 8px 0 22px;
1848
+ margin: 2px 8px 0 8px;
1842
1849
  }
1843
1850
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1844
1851
  margin: -30px 20px -29px 0;
1845
1852
  }
1846
1853
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1847
- margin: -30px -11px -5px -5px;
1854
+ margin: -30px 5px;
1848
1855
  }
1849
1856
  .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
1850
1857
  margin: 3px 2px 0 10px;
@@ -1863,7 +1870,7 @@
1863
1870
  position: absolute;
1864
1871
  right: 23px;
1865
1872
  float: right;
1866
- margin: -21px -18px -3px -19px;
1873
+ margin: -19px -21px -3px -19px;
1867
1874
  padding: 6px;
1868
1875
  }
1869
1876
  .e-grid.e-wrap .e-columnmenu {
@@ -2314,13 +2321,11 @@
2314
2321
  font-size: 16px;
2315
2322
  padding: 9px 7px 9px 7px;
2316
2323
  text-decoration: none;
2317
- text-indent: 11px;
2318
2324
  }
2319
2325
  .e-grid .e-icon-grightarrow {
2320
2326
  font-size: 16px;
2321
2327
  padding: 8px 7px 11px 7px;
2322
2328
  text-decoration: none;
2323
- text-indent: 11px;
2324
2329
  }
2325
2330
  .e-grid .e-recordplusexpand {
2326
2331
  padding-top: 5px;
@@ -2730,7 +2735,7 @@
2730
2735
  }
2731
2736
  .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
2732
2737
  float: right;
2733
- margin: -30px 3px;
2738
+ margin: -31px 3px;
2734
2739
  }
2735
2740
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
2736
2741
  padding: 0 25px 0 0.7em;
@@ -2745,7 +2750,7 @@
2745
2750
  }
2746
2751
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
2747
2752
  float: left;
2748
- margin: 3px 0 0 26px;
2753
+ margin: 3px 0 0 8px;
2749
2754
  }
2750
2755
  .e-grid.e-rtl .e-rowcell:first-child,
2751
2756
  .e-grid.e-rtl .e-summarycell:first-child {
@@ -2806,7 +2811,7 @@
2806
2811
  border-width: 1px 1px 1px 0;
2807
2812
  }
2808
2813
  .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
2809
- margin: -30px 8px;
2814
+ margin: -30px 3px;
2810
2815
  }
2811
2816
  .e-grid.e-rtl .e-cloneproperties {
2812
2817
  border-width: 1px 1px 3px;
@@ -3148,7 +3153,7 @@
3148
3153
  margin-top: 0;
3149
3154
  }
3150
3155
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3151
- margin-top: 0;
3156
+ margin-top: -1px;
3152
3157
  }
3153
3158
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3154
3159
  background-color: rgba(0, 0, 0, 0.1);
@@ -3163,7 +3168,6 @@
3163
3168
  .e-grid.sf-grid .e-frozencontent {
3164
3169
  border-bottom-style: solid;
3165
3170
  height: inherit;
3166
- overflow: hidden;
3167
3171
  }
3168
3172
  .e-grid.sf-grid .e-gridcontent .e-content,
3169
3173
  .e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent {
@@ -3196,7 +3200,7 @@
3196
3200
  }
3197
3201
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3198
3202
  .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3199
- margin-top: -9px;
3203
+ margin-top: -2px;
3200
3204
  }
3201
3205
  .e-bigger .e-grid .e-gridheader thead .e-icons,
3202
3206
  .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -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 -2px;
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: -17px 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: -17px 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: -20px -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: -20px -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: 6px 0 0 3px;
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: #757575;
@@ -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;
@@ -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 {