@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
@@ -941,7 +941,7 @@ li.e-separator.e-menu-item.e-excel-separator {
941
941
  }
942
942
  .e-bigger .e-grid .e-sortfilterdiv,
943
943
  .e-grid.e-bigger .e-sortfilterdiv {
944
- margin: -23px 6px;
944
+ margin: -23px -2px;
945
945
  }
946
946
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv,
947
947
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
@@ -980,12 +980,12 @@ li.e-separator.e-menu-item.e-excel-separator {
980
980
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
981
981
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
982
982
  float: left;
983
- margin: 9px 0 0 15px;
983
+ margin: 8px 2px 0 5px;
984
984
  }
985
985
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
986
986
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
987
987
  float: left;
988
- margin: 9px 0 0 15px;
988
+ margin: 8px 2px 0 5px;
989
989
  }
990
990
  .e-bigger .e-grid .e-sortnumber,
991
991
  .e-grid.e-bigger .e-sortnumber {
@@ -995,13 +995,13 @@ li.e-separator.e-menu-item.e-excel-separator {
995
995
  font-size: 9px;
996
996
  height: 15px;
997
997
  line-height: 15px;
998
- margin: 9px 2px 0 2px;
998
+ margin: 8px 5px 0 2px;
999
999
  text-align: center;
1000
1000
  width: 15px;
1001
1001
  }
1002
1002
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
1003
1003
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
1004
- margin: 9px 2px 0 2px;
1004
+ margin: 8px 5px 0 2px;
1005
1005
  }
1006
1006
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1007
1007
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -1014,37 +1014,37 @@ li.e-separator.e-menu-item.e-excel-separator {
1014
1014
  }
1015
1015
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
1016
1016
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
1017
- margin: -22px 0 0 22px;
1017
+ margin: -22px 0 0 -6px;
1018
1018
  }
1019
1019
  .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
1020
1020
  .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1021
- margin: -23px 0 0 -7px;
1021
+ margin: -17px 0 0 -7px;
1022
1022
  }
1023
1023
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1024
1024
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1025
- margin: -23px 0 0 5px;
1025
+ margin: -17px 0 0 8px;
1026
1026
  }
1027
1027
  .e-bigger .e-grid.e-rtl .e-filtermenudiv,
1028
1028
  .e-grid.e-bigger.e-rtl .e-filtermenudiv {
1029
- margin: -26px -7px;
1029
+ margin: -20px -7px;
1030
1030
  }
1031
1031
  .e-bigger .e-grid.e-rtl .e-rightalign .e-filtermenudiv,
1032
1032
  .e-grid.e-bigger.e-rtl .e-rightalign .e-filtermenudiv {
1033
- margin: -26px -7px;
1033
+ margin: -20px -7px;
1034
1034
  }
1035
1035
  .e-bigger .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber, .e-bigger .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
1036
1036
  .e-grid.e-bigger.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
1037
1037
  .e-grid.e-bigger.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber {
1038
- margin: 9px 0 0 3px;
1038
+ margin: 7px 0 0 3px;
1039
1039
  }
1040
1040
  .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,
1041
1041
  .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
1042
1042
  .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
1043
- margin: 9px 0 0 3px;
1043
+ margin: 6px 0 0 3px;
1044
1044
  }
1045
1045
  .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
1046
1046
  .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
1047
- margin: 9px 0 0 3px;
1047
+ margin: 7px 0 0 3px;
1048
1048
  }
1049
1049
  .e-bigger .e-grid .e-rowcell,
1050
1050
  .e-bigger .e-grid .e-summarycell,
@@ -1103,7 +1103,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1103
1103
  .e-bigger .e-grid.e-bigger .e-columnmenu,
1104
1104
  .e-grid.e-bigger.e-bigger .e-columnmenu {
1105
1105
  bottom: 16px;
1106
- margin: -8px -7px;
1106
+ margin: -26px -20px;
1107
1107
  }
1108
1108
  .e-bigger .e-grid .e-columnmenu,
1109
1109
  .e-grid.e-bigger .e-columnmenu {
@@ -1514,6 +1514,13 @@ li.e-separator.e-menu-item.e-excel-separator {
1514
1514
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1515
1515
  font-size: 12px;
1516
1516
  }
1517
+ .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) {
1518
+ background: none;
1519
+ box-shadow: none;
1520
+ }
1521
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1522
+ border: none;
1523
+ }
1517
1524
  .e-grid .e-res-toolbar {
1518
1525
  border-bottom: 1px solid;
1519
1526
  border-bottom-color: #757575;
@@ -2013,7 +2020,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2013
2020
  text-overflow: ellipsis;
2014
2021
  white-space: nowrap;
2015
2022
  }
2016
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2023
+ .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 {
2017
2024
  text-overflow: clip;
2018
2025
  }
2019
2026
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2067,7 +2074,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2067
2074
  .e-grid .e-sortfilterdiv {
2068
2075
  float: right;
2069
2076
  height: 16px;
2070
- margin: -21px 11px;
2077
+ margin: -21px 0;
2071
2078
  padding: 3px;
2072
2079
  width: 16px;
2073
2080
  }
@@ -2077,7 +2084,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2077
2084
  }
2078
2085
  .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
2079
2086
  .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
2080
- padding: 0;
2087
+ padding: 0 0 0 10px;
2081
2088
  }
2082
2089
  .e-grid .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
2083
2090
  margin: 0 20px 0 10px;
@@ -2087,10 +2094,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2087
2094
  }
2088
2095
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
2089
2096
  .e-grid .e-gridheader .e-stackedheadercelldiv {
2090
- padding: 0 1px;
2097
+ padding: 0 10px 0 0;
2091
2098
  }
2092
2099
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2093
- padding: 0 1px;
2100
+ padding: 0 10px 0 0;
2094
2101
  }
2095
2102
  .e-grid .e-filtermenudiv {
2096
2103
  float: right;
@@ -2136,23 +2143,23 @@ li.e-separator.e-menu-item.e-excel-separator {
2136
2143
  font-size: 9px;
2137
2144
  height: 15px;
2138
2145
  line-height: 15px;
2139
- margin: 9px 2px 0 2px;
2146
+ margin: 8px 5px 0 2px;
2140
2147
  text-align: center;
2141
2148
  width: 15px;
2142
2149
  }
2143
2150
  .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
2144
- margin: 9px 2px 0 2px;
2151
+ margin: 8px -3px 0 2px;
2145
2152
  }
2146
2153
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
2147
2154
  float: left;
2148
- margin: 9px 0 0 15px;
2155
+ margin: 8px 2px 0 5px;
2149
2156
  }
2150
2157
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
2151
2158
  float: left;
2152
- margin: 9px 0 0 15px;
2159
+ margin: 8px 2px 0 5px;
2153
2160
  }
2154
2161
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
2155
- margin: -22px 15px 0 0;
2162
+ margin: -21px 15px 0 0;
2156
2163
  }
2157
2164
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
2158
2165
  margin: -21px 0 0 8px;
@@ -2183,7 +2190,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2183
2190
  .e-grid.e-rtl .e-columnmenu {
2184
2191
  left: 5px;
2185
2192
  right: auto;
2186
- margin: -17px -18px -18px 1px;
2193
+ margin: -26px -18px -18px -6px;
2187
2194
  }
2188
2195
  .e-grid.e-wrap.e-rtl .e-columnmenu {
2189
2196
  margin: -13px -13px -23px -3px;
@@ -2621,13 +2628,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2621
2628
  font-size: 12px;
2622
2629
  padding: 16px 9px 13px 8px;
2623
2630
  text-decoration: none;
2624
- text-indent: 8px;
2625
2631
  }
2626
2632
  .e-grid .e-icon-grightarrow {
2627
2633
  font-size: 12px;
2628
2634
  padding: 15px 9px 15px 8px;
2629
2635
  text-decoration: none;
2630
- text-indent: 8px;
2631
2636
  }
2632
2637
  .e-grid .e-recordplusexpand {
2633
2638
  padding-top: 5px;
@@ -3029,29 +3034,29 @@ li.e-separator.e-menu-item.e-excel-separator {
3029
3034
  margin-left: 10px;
3030
3035
  }
3031
3036
  .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 {
3032
- margin: 8px -2px 0 0;
3037
+ margin: 7px -2px 0 0;
3033
3038
  }
3034
3039
  .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 {
3035
3040
  margin-left: -5px;
3036
3041
  }
3037
3042
  .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
3038
3043
  float: right;
3039
- margin: -14px 3px;
3044
+ margin: -22px 3px;
3040
3045
  }
3041
3046
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
3042
3047
  padding: 0 25px 0 0.7em;
3043
3048
  }
3044
3049
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
3045
3050
  float: right;
3046
- margin: 0 2px 0 0;
3051
+ margin: 7px 2px 0 0;
3047
3052
  }
3048
3053
  .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 {
3049
3054
  float: left;
3050
- margin: 9px 0 0 30px;
3055
+ margin: 7px 0 0 12px;
3051
3056
  }
3052
3057
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
3053
3058
  float: left;
3054
- margin: 9px 0 0 30px;
3059
+ margin: 7px 0 0 12px;
3055
3060
  }
3056
3061
  .e-grid.e-rtl .e-rowcell:first-child,
3057
3062
  .e-grid.e-rtl .e-summarycell:first-child {
@@ -3077,7 +3082,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3077
3082
  margin: -16px 0 0 10px;
3078
3083
  }
3079
3084
  .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
3080
- margin: -22px 0 0 22px;
3085
+ margin: -16px 0 0 12px;
3081
3086
  }
3082
3087
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
3083
3088
  margin: -7px;
@@ -3112,7 +3117,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3112
3117
  border-width: 1px 1px 1px 0;
3113
3118
  }
3114
3119
  .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
3115
- margin: -22px 0 0 10px;
3120
+ margin: -22px 0 0 0;
3116
3121
  }
3117
3122
  .e-grid.e-rtl .e-cloneproperties {
3118
3123
  border-width: 1px 1px 3px;
@@ -3469,7 +3474,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3469
3474
  .e-grid.sf-grid .e-frozencontent {
3470
3475
  border-bottom-style: solid;
3471
3476
  height: inherit;
3472
- overflow: hidden;
3473
3477
  }
3474
3478
  .e-grid.sf-grid .e-gridcontent .e-content,
3475
3479
  .e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent {
@@ -3511,7 +3515,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3511
3515
  }
3512
3516
  .e-bigger .e-grid.e-rtl .e-columnmenu,
3513
3517
  .e-bigger.e-grid.e-rtl .e-columnmenu {
3514
- margin: -17px -18px -18px 1px;
3518
+ margin: -26px -18px -18px -6px;
3515
3519
  }
3516
3520
  .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3517
3521
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
@@ -941,7 +941,7 @@ li.e-separator.e-menu-item.e-excel-separator {
941
941
  }
942
942
  .e-bigger .e-grid .e-sortfilterdiv,
943
943
  .e-grid.e-bigger .e-sortfilterdiv {
944
- margin: -23px 6px;
944
+ margin: -23px -4px;
945
945
  }
946
946
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv,
947
947
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
@@ -980,12 +980,12 @@ li.e-separator.e-menu-item.e-excel-separator {
980
980
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
981
981
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
982
982
  float: left;
983
- margin: 9px 0 0 15px;
983
+ margin: 8px 2px 0 5px;
984
984
  }
985
985
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
986
986
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
987
987
  float: left;
988
- margin: 9px 0 0 15px;
988
+ margin: 8px 2px 0 5px;
989
989
  }
990
990
  .e-bigger .e-grid .e-sortnumber,
991
991
  .e-grid.e-bigger .e-sortnumber {
@@ -995,13 +995,13 @@ li.e-separator.e-menu-item.e-excel-separator {
995
995
  font-size: 9px;
996
996
  height: 15px;
997
997
  line-height: 15px;
998
- margin: 9px 2px 0 2px;
998
+ margin: 8px 5px 0 2px;
999
999
  text-align: center;
1000
1000
  width: 15px;
1001
1001
  }
1002
1002
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
1003
1003
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
1004
- margin: 9px 2px 0 2px;
1004
+ margin: 8px 5px 0 2px;
1005
1005
  }
1006
1006
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1007
1007
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -1014,37 +1014,37 @@ li.e-separator.e-menu-item.e-excel-separator {
1014
1014
  }
1015
1015
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
1016
1016
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
1017
- margin: -22px 0 0 22px;
1017
+ margin: -22px 0 0 -6px;
1018
1018
  }
1019
1019
  .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
1020
1020
  .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1021
- margin: -23px 0 0 -7px;
1021
+ margin: -16px 0 0 -7px;
1022
1022
  }
1023
1023
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1024
1024
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1025
- margin: -23px 0 0 5px;
1025
+ margin: -16px 0 0 8px;
1026
1026
  }
1027
1027
  .e-bigger .e-grid.e-rtl .e-filtermenudiv,
1028
1028
  .e-grid.e-bigger.e-rtl .e-filtermenudiv {
1029
- margin: -26px -7px;
1029
+ margin: -19px -7px;
1030
1030
  }
1031
1031
  .e-bigger .e-grid.e-rtl .e-rightalign .e-filtermenudiv,
1032
1032
  .e-grid.e-bigger.e-rtl .e-rightalign .e-filtermenudiv {
1033
- margin: -26px -7px;
1033
+ margin: -19px -7px;
1034
1034
  }
1035
1035
  .e-bigger .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber, .e-bigger .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
1036
1036
  .e-grid.e-bigger.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
1037
1037
  .e-grid.e-bigger.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber {
1038
- margin: 9px 0 0 3px;
1038
+ margin: 7px 0 0 3px;
1039
1039
  }
1040
1040
  .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,
1041
1041
  .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
1042
1042
  .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
1043
- margin: 9px 0 0 3px;
1043
+ margin: 7px 0 0 5px;
1044
1044
  }
1045
1045
  .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
1046
1046
  .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
1047
- margin: 9px 0 0 3px;
1047
+ margin: 7px 0 0 3px;
1048
1048
  }
1049
1049
  .e-bigger .e-grid .e-rowcell,
1050
1050
  .e-bigger .e-grid .e-summarycell,
@@ -1103,7 +1103,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1103
1103
  .e-bigger .e-grid.e-bigger .e-columnmenu,
1104
1104
  .e-grid.e-bigger.e-bigger .e-columnmenu {
1105
1105
  bottom: 16px;
1106
- margin: -8px -7px;
1106
+ margin: -26px -20px;
1107
1107
  }
1108
1108
  .e-bigger .e-grid .e-columnmenu,
1109
1109
  .e-grid.e-bigger .e-columnmenu {
@@ -1514,6 +1514,13 @@ li.e-separator.e-menu-item.e-excel-separator {
1514
1514
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1515
1515
  font-size: 12px;
1516
1516
  }
1517
+ .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) {
1518
+ background: none;
1519
+ box-shadow: none;
1520
+ }
1521
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1522
+ border: none;
1523
+ }
1517
1524
  .e-grid .e-res-toolbar {
1518
1525
  border-bottom: 1px solid;
1519
1526
  border-bottom-color: #969696;
@@ -2013,7 +2020,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2013
2020
  text-overflow: ellipsis;
2014
2021
  white-space: nowrap;
2015
2022
  }
2016
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2023
+ .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 {
2017
2024
  text-overflow: clip;
2018
2025
  }
2019
2026
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2067,7 +2074,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2067
2074
  .e-grid .e-sortfilterdiv {
2068
2075
  float: right;
2069
2076
  height: 16px;
2070
- margin: -21px 11px;
2077
+ margin: -21px 0;
2071
2078
  padding: 3px;
2072
2079
  width: 16px;
2073
2080
  }
@@ -2077,7 +2084,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2077
2084
  }
2078
2085
  .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
2079
2086
  .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
2080
- padding: 0;
2087
+ padding: 0 0 0 10px;
2081
2088
  }
2082
2089
  .e-grid .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
2083
2090
  margin: 0 20px 0 10px;
@@ -2087,10 +2094,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2087
2094
  }
2088
2095
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
2089
2096
  .e-grid .e-gridheader .e-stackedheadercelldiv {
2090
- padding: 0 1px;
2097
+ padding: 0 10px 0 0;
2091
2098
  }
2092
2099
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2093
- padding: 0 1px;
2100
+ padding: 0 10px 0 0;
2094
2101
  }
2095
2102
  .e-grid .e-filtermenudiv {
2096
2103
  float: right;
@@ -2136,23 +2143,23 @@ li.e-separator.e-menu-item.e-excel-separator {
2136
2143
  font-size: 9px;
2137
2144
  height: 15px;
2138
2145
  line-height: 15px;
2139
- margin: 9px 2px 0 2px;
2146
+ margin: 8px 5px 0 2px;
2140
2147
  text-align: center;
2141
2148
  width: 15px;
2142
2149
  }
2143
2150
  .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
2144
- margin: 9px 2px 0 2px;
2151
+ margin: 8px -3px 0 2px;
2145
2152
  }
2146
2153
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
2147
2154
  float: left;
2148
- margin: 9px 0 0 15px;
2155
+ margin: 8px 2px 0 5px;
2149
2156
  }
2150
2157
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
2151
2158
  float: left;
2152
- margin: 9px 0 0 15px;
2159
+ margin: 8px 2px 0 5px;
2153
2160
  }
2154
2161
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
2155
- margin: -22px 15px 0 0;
2162
+ margin: -21px 15px 0 0;
2156
2163
  }
2157
2164
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
2158
2165
  margin: -21px 0 0 8px;
@@ -2183,7 +2190,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2183
2190
  .e-grid.e-rtl .e-columnmenu {
2184
2191
  left: 5px;
2185
2192
  right: auto;
2186
- margin: -17px -18px -18px 1px;
2193
+ margin: -26px -18px -18px -6px;
2187
2194
  }
2188
2195
  .e-grid.e-wrap.e-rtl .e-columnmenu {
2189
2196
  margin: -13px -13px -23px -3px;
@@ -2621,13 +2628,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2621
2628
  font-size: 12px;
2622
2629
  padding: 16px 9px 13px 8px;
2623
2630
  text-decoration: none;
2624
- text-indent: 8px;
2625
2631
  }
2626
2632
  .e-grid .e-icon-grightarrow {
2627
2633
  font-size: 12px;
2628
2634
  padding: 15px 9px 15px 8px;
2629
2635
  text-decoration: none;
2630
- text-indent: 8px;
2631
2636
  }
2632
2637
  .e-grid .e-recordplusexpand {
2633
2638
  padding-top: 5px;
@@ -3029,29 +3034,29 @@ li.e-separator.e-menu-item.e-excel-separator {
3029
3034
  margin-left: 10px;
3030
3035
  }
3031
3036
  .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 {
3032
- margin: 8px -2px 0 0;
3037
+ margin: 7px -2px 0 0;
3033
3038
  }
3034
3039
  .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 {
3035
3040
  margin-left: -5px;
3036
3041
  }
3037
3042
  .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
3038
3043
  float: right;
3039
- margin: -14px 3px;
3044
+ margin: -22px 3px;
3040
3045
  }
3041
3046
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
3042
3047
  padding: 0 25px 0 0.7em;
3043
3048
  }
3044
3049
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
3045
3050
  float: right;
3046
- margin: 0 2px 0 0;
3051
+ margin: 7px 2px 0 0;
3047
3052
  }
3048
3053
  .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 {
3049
3054
  float: left;
3050
- margin: 9px 0 0 30px;
3055
+ margin: 7px 0 0 12px;
3051
3056
  }
3052
3057
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
3053
3058
  float: left;
3054
- margin: 9px 0 0 30px;
3059
+ margin: 7px 0 0 12px;
3055
3060
  }
3056
3061
  .e-grid.e-rtl .e-rowcell:first-child,
3057
3062
  .e-grid.e-rtl .e-summarycell:first-child {
@@ -3077,7 +3082,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3077
3082
  margin: -16px 0 0 10px;
3078
3083
  }
3079
3084
  .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
3080
- margin: -22px 0 0 22px;
3085
+ margin: -16px 0 0 12px;
3081
3086
  }
3082
3087
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
3083
3088
  margin: -7px;
@@ -3112,7 +3117,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3112
3117
  border-width: 1px 1px 1px 0;
3113
3118
  }
3114
3119
  .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
3115
- margin: -22px 0 0 10px;
3120
+ margin: -22px 0 0 0;
3116
3121
  }
3117
3122
  .e-grid.e-rtl .e-cloneproperties {
3118
3123
  border-width: 1px 1px 3px;
@@ -3451,10 +3456,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3451
3456
  user-select: none;
3452
3457
  }
3453
3458
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3454
- margin-top: 0;
3459
+ margin-top: 2px;
3455
3460
  }
3456
3461
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3457
- margin-top: 0;
3462
+ margin-top: -1px;
3458
3463
  }
3459
3464
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3460
3465
  background-color: rgba(0, 0, 0, 0.1);
@@ -3469,7 +3474,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3469
3474
  .e-grid.sf-grid .e-frozencontent {
3470
3475
  border-bottom-style: solid;
3471
3476
  height: inherit;
3472
- overflow: hidden;
3473
3477
  }
3474
3478
  .e-grid.sf-grid .e-gridcontent .e-content,
3475
3479
  .e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent {
@@ -3511,7 +3515,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3511
3515
  }
3512
3516
  .e-bigger .e-grid.e-rtl .e-columnmenu,
3513
3517
  .e-bigger.e-grid.e-rtl .e-columnmenu {
3514
- margin: -17px -18px -18px 1px;
3518
+ margin: -26px -18px -18px -6px;
3515
3519
  }
3516
3520
  .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3517
3521
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {