@syncfusion/ej2-angular-grids 20.3.61 → 20.3.62

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 (53) hide show
  1. package/README.md +134 -54
  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 +2 -2
  8. package/schematics/utils/lib-details.d.ts +2 -2
  9. package/src/grid/columns.directive.d.ts +2 -2
  10. package/src/grid/grid.component.d.ts +1 -1
  11. package/src/grid/stacked-column.directive.d.ts +2 -2
  12. package/styles/bootstrap-dark.css +9 -4
  13. package/styles/bootstrap.css +9 -4
  14. package/styles/bootstrap4.css +9 -4
  15. package/styles/bootstrap5-dark.css +10 -5
  16. package/styles/bootstrap5.css +10 -5
  17. package/styles/fabric-dark.css +10 -5
  18. package/styles/fabric.css +10 -5
  19. package/styles/fluent-dark.css +10 -5
  20. package/styles/fluent.css +10 -5
  21. package/styles/grid/_bootstrap-dark-definition.scss +1 -1
  22. package/styles/grid/_bootstrap-definition.scss +1 -1
  23. package/styles/grid/_bootstrap4-definition.scss +1 -1
  24. package/styles/grid/_bootstrap5-definition.scss +1 -1
  25. package/styles/grid/_fabric-dark-definition.scss +2 -2
  26. package/styles/grid/_fabric-definition.scss +2 -2
  27. package/styles/grid/_fluent-definition.scss +1 -1
  28. package/styles/grid/_highcontrast-definition.scss +2 -2
  29. package/styles/grid/_layout.scss +14 -3
  30. package/styles/grid/_material-dark-definition.scss +2 -2
  31. package/styles/grid/_material-definition.scss +2 -2
  32. package/styles/grid/_tailwind-definition.scss +2 -2
  33. package/styles/grid/bootstrap-dark.css +9 -4
  34. package/styles/grid/bootstrap.css +9 -4
  35. package/styles/grid/bootstrap4.css +9 -4
  36. package/styles/grid/bootstrap5-dark.css +10 -5
  37. package/styles/grid/bootstrap5.css +10 -5
  38. package/styles/grid/fabric-dark.css +10 -5
  39. package/styles/grid/fabric.css +10 -5
  40. package/styles/grid/fluent-dark.css +10 -5
  41. package/styles/grid/fluent.css +10 -5
  42. package/styles/grid/highcontrast-light.css +8 -3
  43. package/styles/grid/highcontrast.css +10 -5
  44. package/styles/grid/material-dark.css +10 -5
  45. package/styles/grid/material.css +10 -5
  46. package/styles/grid/tailwind-dark.css +10 -5
  47. package/styles/grid/tailwind.css +10 -5
  48. package/styles/highcontrast-light.css +8 -3
  49. package/styles/highcontrast.css +10 -5
  50. package/styles/material-dark.css +10 -5
  51. package/styles/material.css +10 -5
  52. package/styles/tailwind-dark.css +10 -5
  53. package/styles/tailwind.css +10 -5
@@ -1131,6 +1131,13 @@
1131
1131
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1132
1132
  font-size: 12px;
1133
1133
  }
1134
+ .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) {
1135
+ background: none;
1136
+ box-shadow: none;
1137
+ }
1138
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1139
+ border: none;
1140
+ }
1134
1141
  .e-grid .e-res-toolbar {
1135
1142
  border-bottom: 1px solid;
1136
1143
  border-bottom-color: #484848;
@@ -1630,7 +1637,7 @@
1630
1637
  text-overflow: ellipsis;
1631
1638
  white-space: nowrap;
1632
1639
  }
1633
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1640
+ .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 {
1634
1641
  text-overflow: clip;
1635
1642
  }
1636
1643
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2238,13 +2245,11 @@
2238
2245
  font-size: 10px;
2239
2246
  padding: 13px 9px 11px 10px;
2240
2247
  text-decoration: none;
2241
- text-indent: 11px;
2242
2248
  }
2243
2249
  .e-grid .e-icon-grightarrow {
2244
2250
  font-size: 10px;
2245
2251
  padding: 12px 9px 12px 10px;
2246
2252
  text-decoration: none;
2247
- text-indent: 11px;
2248
2253
  }
2249
2254
  .e-grid .e-recordplusexpand {
2250
2255
  padding-top: 5px;
@@ -3068,7 +3073,7 @@
3068
3073
  user-select: none;
3069
3074
  }
3070
3075
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3071
- margin-top: -1.5px;
3076
+ margin-top: 0.5px;
3072
3077
  }
3073
3078
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3074
3079
  margin-top: -1.5px;
@@ -1132,6 +1132,13 @@
1132
1132
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1133
1133
  font-size: 12px;
1134
1134
  }
1135
+ .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) {
1136
+ background: none;
1137
+ box-shadow: none;
1138
+ }
1139
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1140
+ border: none;
1141
+ }
1135
1142
  .e-grid .e-res-toolbar {
1136
1143
  border-bottom: 1px solid;
1137
1144
  border-bottom-color: #ddd;
@@ -1631,7 +1638,7 @@
1631
1638
  text-overflow: ellipsis;
1632
1639
  white-space: nowrap;
1633
1640
  }
1634
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1641
+ .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 {
1635
1642
  text-overflow: clip;
1636
1643
  }
1637
1644
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2239,13 +2246,11 @@
2239
2246
  font-size: 10px;
2240
2247
  padding: 13px 9px 11px 10px;
2241
2248
  text-decoration: none;
2242
- text-indent: 11px;
2243
2249
  }
2244
2250
  .e-grid .e-icon-grightarrow {
2245
2251
  font-size: 10px;
2246
2252
  padding: 12px 9px 12px 10px;
2247
2253
  text-decoration: none;
2248
- text-indent: 11px;
2249
2254
  }
2250
2255
  .e-grid .e-recordplusexpand {
2251
2256
  padding-top: 5px;
@@ -3069,7 +3074,7 @@
3069
3074
  user-select: none;
3070
3075
  }
3071
3076
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3072
- margin-top: -1.5px;
3077
+ margin-top: 0.5px;
3073
3078
  }
3074
3079
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3075
3080
  margin-top: -1.5px;
@@ -1177,6 +1177,13 @@
1177
1177
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1178
1178
  font-size: 14px;
1179
1179
  }
1180
+ .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) {
1181
+ background: none;
1182
+ box-shadow: none;
1183
+ }
1184
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1185
+ border: none;
1186
+ }
1180
1187
  .e-grid .e-res-toolbar {
1181
1188
  border-bottom: 1px solid;
1182
1189
  border-bottom-color: #dee2e6;
@@ -1676,7 +1683,7 @@
1676
1683
  text-overflow: ellipsis;
1677
1684
  white-space: nowrap;
1678
1685
  }
1679
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1686
+ .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 {
1680
1687
  text-overflow: clip;
1681
1688
  }
1682
1689
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2286,13 +2293,11 @@
2286
2293
  font-size: 10px;
2287
2294
  padding: 13px 9px 11px 10px;
2288
2295
  text-decoration: none;
2289
- text-indent: 11px;
2290
2296
  }
2291
2297
  .e-grid .e-icon-grightarrow {
2292
2298
  font-size: 10px;
2293
2299
  padding: 12px 9px 12px 10px;
2294
2300
  text-decoration: none;
2295
- text-indent: 11px;
2296
2301
  }
2297
2302
  .e-grid .e-recordplusexpand {
2298
2303
  padding-top: 5px;
@@ -3117,7 +3122,7 @@
3117
3122
  user-select: none;
3118
3123
  }
3119
3124
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3120
- margin-top: -1px;
3125
+ margin-top: 0;
3121
3126
  }
3122
3127
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3123
3128
  margin-top: -3px;
@@ -1191,6 +1191,13 @@
1191
1191
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1192
1192
  font-size: 14px;
1193
1193
  }
1194
+ .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) {
1195
+ background: none;
1196
+ box-shadow: none;
1197
+ }
1198
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1199
+ border: none;
1200
+ }
1194
1201
  .e-grid .e-res-toolbar {
1195
1202
  border-bottom: 1px solid;
1196
1203
  border-bottom-color: #444c54;
@@ -1691,7 +1698,7 @@
1691
1698
  text-overflow: ellipsis;
1692
1699
  white-space: nowrap;
1693
1700
  }
1694
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1701
+ .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 {
1695
1702
  text-overflow: clip;
1696
1703
  }
1697
1704
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2299,13 +2306,11 @@
2299
2306
  font-size: 14px;
2300
2307
  padding: 12px 7px 11px 8px;
2301
2308
  text-decoration: none;
2302
- text-indent: 11px;
2303
2309
  }
2304
2310
  .e-grid .e-icon-grightarrow {
2305
2311
  font-size: 14px;
2306
2312
  padding: 11px 7px 12px 8px;
2307
2313
  text-decoration: none;
2308
- text-indent: 11px;
2309
2314
  }
2310
2315
  .e-grid .e-recordplusexpand {
2311
2316
  padding-top: 5px;
@@ -3132,7 +3137,7 @@
3132
3137
  margin-top: 0;
3133
3138
  }
3134
3139
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3135
- margin-top: 0;
3140
+ margin-top: -2px;
3136
3141
  }
3137
3142
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3138
3143
  background-color: rgba(0, 0, 0, 0.1);
@@ -3180,7 +3185,7 @@
3180
3185
  }
3181
3186
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3182
3187
  .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3183
- margin-top: -9px;
3188
+ margin-top: -2px;
3184
3189
  }
3185
3190
  .e-bigger .e-grid .e-gridheader thead .e-icons,
3186
3191
  .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -1191,6 +1191,13 @@
1191
1191
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1192
1192
  font-size: 14px;
1193
1193
  }
1194
+ .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) {
1195
+ background: none;
1196
+ box-shadow: none;
1197
+ }
1198
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1199
+ border: none;
1200
+ }
1194
1201
  .e-grid .e-res-toolbar {
1195
1202
  border-bottom: 1px solid;
1196
1203
  border-bottom-color: #dee2e6;
@@ -1691,7 +1698,7 @@
1691
1698
  text-overflow: ellipsis;
1692
1699
  white-space: nowrap;
1693
1700
  }
1694
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1701
+ .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 {
1695
1702
  text-overflow: clip;
1696
1703
  }
1697
1704
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2299,13 +2306,11 @@
2299
2306
  font-size: 14px;
2300
2307
  padding: 12px 7px 11px 8px;
2301
2308
  text-decoration: none;
2302
- text-indent: 11px;
2303
2309
  }
2304
2310
  .e-grid .e-icon-grightarrow {
2305
2311
  font-size: 14px;
2306
2312
  padding: 11px 7px 12px 8px;
2307
2313
  text-decoration: none;
2308
- text-indent: 11px;
2309
2314
  }
2310
2315
  .e-grid .e-recordplusexpand {
2311
2316
  padding-top: 5px;
@@ -3132,7 +3137,7 @@
3132
3137
  margin-top: 0;
3133
3138
  }
3134
3139
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3135
- margin-top: 0;
3140
+ margin-top: -2px;
3136
3141
  }
3137
3142
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3138
3143
  background-color: rgba(0, 0, 0, 0.1);
@@ -3180,7 +3185,7 @@
3180
3185
  }
3181
3186
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3182
3187
  .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3183
- margin-top: -9px;
3188
+ margin-top: -2px;
3184
3189
  }
3185
3190
  .e-bigger .e-grid .e-gridheader thead .e-icons,
3186
3191
  .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -1105,6 +1105,13 @@
1105
1105
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1106
1106
  font-size: 12px;
1107
1107
  }
1108
+ .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) {
1109
+ background: none;
1110
+ box-shadow: none;
1111
+ }
1112
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1113
+ border: none;
1114
+ }
1108
1115
  .e-grid .e-res-toolbar {
1109
1116
  border-bottom: 1px solid;
1110
1117
  border-bottom-color: #414040;
@@ -1604,7 +1611,7 @@
1604
1611
  text-overflow: ellipsis;
1605
1612
  white-space: nowrap;
1606
1613
  }
1607
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1614
+ .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 {
1608
1615
  text-overflow: clip;
1609
1616
  }
1610
1617
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2212,13 +2219,11 @@
2212
2219
  font-size: 12px;
2213
2220
  padding: 16px 8px 13px 9px;
2214
2221
  text-decoration: none;
2215
- text-indent: 8px;
2216
2222
  }
2217
2223
  .e-grid .e-icon-grightarrow {
2218
2224
  font-size: 12px;
2219
2225
  padding: 14px 9px 15px 9px;
2220
2226
  text-decoration: none;
2221
- text-indent: 8px;
2222
2227
  }
2223
2228
  .e-grid .e-recordplusexpand {
2224
2229
  padding-top: 5px;
@@ -3042,10 +3047,10 @@
3042
3047
  user-select: none;
3043
3048
  }
3044
3049
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3045
- margin-top: 0;
3050
+ margin-top: 1px;
3046
3051
  }
3047
3052
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3048
- margin-top: 0;
3053
+ margin-top: -1px;
3049
3054
  }
3050
3055
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3051
3056
  background-color: rgba(0, 0, 0, 0.1);
@@ -1098,6 +1098,13 @@
1098
1098
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1099
1099
  font-size: 12px;
1100
1100
  }
1101
+ .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) {
1102
+ background: none;
1103
+ box-shadow: none;
1104
+ }
1105
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1106
+ border: none;
1107
+ }
1101
1108
  .e-grid .e-res-toolbar {
1102
1109
  border-bottom: 1px solid;
1103
1110
  border-bottom-color: #eaeaea;
@@ -1597,7 +1604,7 @@
1597
1604
  text-overflow: ellipsis;
1598
1605
  white-space: nowrap;
1599
1606
  }
1600
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
1607
+ .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 {
1601
1608
  text-overflow: clip;
1602
1609
  }
1603
1610
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2205,13 +2212,11 @@
2205
2212
  font-size: 12px;
2206
2213
  padding: 16px 8px 13px 9px;
2207
2214
  text-decoration: none;
2208
- text-indent: 8px;
2209
2215
  }
2210
2216
  .e-grid .e-icon-grightarrow {
2211
2217
  font-size: 12px;
2212
2218
  padding: 14px 9px 15px 9px;
2213
2219
  text-decoration: none;
2214
- text-indent: 8px;
2215
2220
  }
2216
2221
  .e-grid .e-recordplusexpand {
2217
2222
  padding-top: 5px;
@@ -3035,10 +3040,10 @@
3035
3040
  user-select: none;
3036
3041
  }
3037
3042
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3038
- margin-top: 0;
3043
+ margin-top: 1px;
3039
3044
  }
3040
3045
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3041
- margin-top: 0;
3046
+ margin-top: -1px;
3042
3047
  }
3043
3048
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3044
3049
  background-color: rgba(0, 0, 0, 0.1);
@@ -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 {
@@ -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;
@@ -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);
@@ -3196,7 +3201,7 @@
3196
3201
  }
3197
3202
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3198
3203
  .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3199
- margin-top: -9px;
3204
+ margin-top: -2px;
3200
3205
  }
3201
3206
  .e-bigger .e-grid .e-gridheader thead .e-icons,
3202
3207
  .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -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 {
@@ -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;
@@ -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);
@@ -3196,7 +3201,7 @@
3196
3201
  }
3197
3202
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3198
3203
  .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3199
- margin-top: -9px;
3204
+ margin-top: -2px;
3200
3205
  }
3201
3206
  .e-bigger .e-grid .e-gridheader thead .e-icons,
3202
3207
  .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -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 {
@@ -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;
@@ -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 {
@@ -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;
@@ -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);
@@ -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 {
@@ -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;
@@ -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);
@@ -1180,6 +1180,13 @@
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
+ }
1183
1190
  .e-grid .e-res-toolbar {
1184
1191
  border-bottom: 1px solid;
1185
1192
  border-bottom-color: #e0e0e0;
@@ -1679,7 +1686,7 @@
1679
1686
  text-overflow: ellipsis;
1680
1687
  white-space: nowrap;
1681
1688
  }
1682
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
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 {
1683
1690
  text-overflow: clip;
1684
1691
  }
1685
1692
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2287,13 +2294,11 @@
2287
2294
  font-size: 11px;
2288
2295
  padding: 14px 9px 12px 9px;
2289
2296
  text-decoration: none;
2290
- text-indent: 12px;
2291
2297
  }
2292
2298
  .e-grid .e-icon-grightarrow {
2293
2299
  font-size: 10px;
2294
2300
  padding: 14px 9px 14px 10px;
2295
2301
  text-decoration: none;
2296
- text-indent: 12px;
2297
2302
  }
2298
2303
  .e-grid .e-recordplusexpand {
2299
2304
  padding-top: 5px;
@@ -3117,10 +3122,10 @@
3117
3122
  user-select: none;
3118
3123
  }
3119
3124
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3120
- margin-top: 0;
3125
+ margin-top: 1px;
3121
3126
  }
3122
3127
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3123
- margin-top: 0;
3128
+ margin-top: -1px;
3124
3129
  }
3125
3130
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3126
3131
  background-color: rgba(0, 0, 0, 0.1);
@@ -1182,6 +1182,13 @@
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
+ }
1185
1192
  .e-grid .e-res-toolbar {
1186
1193
  border-bottom: 1px solid;
1187
1194
  border-bottom-color: #4b5563;
@@ -1686,7 +1693,7 @@
1686
1693
  text-overflow: ellipsis;
1687
1694
  white-space: nowrap;
1688
1695
  }
1689
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
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 {
1690
1697
  text-overflow: clip;
1691
1698
  }
1692
1699
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2318,13 +2325,11 @@
2318
2325
  font-size: 14px;
2319
2326
  padding: 11px 8px 10px 8px;
2320
2327
  text-decoration: none;
2321
- text-indent: 11px;
2322
2328
  }
2323
2329
  .e-grid .e-icon-grightarrow {
2324
2330
  font-size: 14px;
2325
2331
  padding: 10px 8px 12px 8px;
2326
2332
  text-decoration: none;
2327
- text-indent: 11px;
2328
2333
  }
2329
2334
  .e-grid .e-recordplusexpand {
2330
2335
  padding-top: 5px;
@@ -3153,10 +3158,10 @@
3153
3158
  user-select: none;
3154
3159
  }
3155
3160
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3156
- margin-top: -11px;
3161
+ margin-top: -4px;
3157
3162
  }
3158
3163
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3159
- margin-top: 1px;
3164
+ margin-top: -5px;
3160
3165
  }
3161
3166
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3162
3167
  background-color: rgba(0, 0, 0, 0.1);