@syncfusion/ej2-react-grids 20.3.59 → 20.3.61

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 (35) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/README.md +127 -51
  3. package/dist/ej2-react-grids.min.js +1 -1
  4. package/dist/ej2-react-grids.umd.min.js +1 -1
  5. package/package.json +6 -6
  6. package/styles/bootstrap-dark.css +8 -3
  7. package/styles/bootstrap.css +8 -3
  8. package/styles/bootstrap4.css +8 -3
  9. package/styles/bootstrap5-dark.css +9 -4
  10. package/styles/bootstrap5.css +9 -4
  11. package/styles/fabric-dark.css +9 -4
  12. package/styles/fabric.css +9 -4
  13. package/styles/fluent-dark.css +9 -4
  14. package/styles/fluent.css +9 -4
  15. package/styles/grid/bootstrap-dark.css +8 -3
  16. package/styles/grid/bootstrap.css +8 -3
  17. package/styles/grid/bootstrap4.css +8 -3
  18. package/styles/grid/bootstrap5-dark.css +9 -4
  19. package/styles/grid/bootstrap5.css +9 -4
  20. package/styles/grid/fabric-dark.css +9 -4
  21. package/styles/grid/fabric.css +9 -4
  22. package/styles/grid/fluent-dark.css +9 -4
  23. package/styles/grid/fluent.css +9 -4
  24. package/styles/grid/highcontrast-light.css +7 -2
  25. package/styles/grid/highcontrast.css +9 -4
  26. package/styles/grid/material-dark.css +9 -4
  27. package/styles/grid/material.css +9 -4
  28. package/styles/grid/tailwind-dark.css +9 -4
  29. package/styles/grid/tailwind.css +9 -4
  30. package/styles/highcontrast-light.css +7 -2
  31. package/styles/highcontrast.css +9 -4
  32. package/styles/material-dark.css +9 -4
  33. package/styles/material.css +9 -4
  34. package/styles/tailwind-dark.css +9 -4
  35. package/styles/tailwind.css +9 -4
package/styles/fluent-dark.css CHANGED
@@ -1608,6 +1608,13 @@ li.e-separator.e-menu-item.e-excel-separator {
1608
1608
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1609
1609
  font-size: 14px;
1610
1610
  }
1611
+ .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) {
1612
+ background: none;
1613
+ box-shadow: none;
1614
+ }
1615
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1616
+ border: none;
1617
+ }
1611
1618
  .e-grid .e-res-toolbar {
1612
1619
  border-bottom: 1px solid;
1613
1620
  border-bottom-color: #292827;
@@ -2729,13 +2736,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2729
2736
  font-size: 16px;
2730
2737
  padding: 9px 7px 9px 7px;
2731
2738
  text-decoration: none;
2732
- text-indent: 11px;
2733
2739
  }
2734
2740
  .e-grid .e-icon-grightarrow {
2735
2741
  font-size: 16px;
2736
2742
  padding: 8px 7px 11px 7px;
2737
2743
  text-decoration: none;
2738
- text-indent: 11px;
2739
2744
  }
2740
2745
  .e-grid .e-recordplusexpand {
2741
2746
  padding-top: 5px;
@@ -3563,7 +3568,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3563
3568
  margin-top: 0;
3564
3569
  }
3565
3570
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3566
- margin-top: 0;
3571
+ margin-top: -1px;
3567
3572
  }
3568
3573
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3569
3574
  background-color: rgba(0, 0, 0, 0.1);
@@ -3611,7 +3616,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3611
3616
  }
3612
3617
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3613
3618
  .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3614
- margin-top: -9px;
3619
+ margin-top: -2px;
3615
3620
  }
3616
3621
  .e-bigger .e-grid .e-gridheader thead .e-icons,
3617
3622
  .e-bigger.e-grid .e-gridheader thead .e-icons {
package/styles/fluent.css CHANGED
@@ -1608,6 +1608,13 @@ li.e-separator.e-menu-item.e-excel-separator {
1608
1608
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1609
1609
  font-size: 14px;
1610
1610
  }
1611
+ .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) {
1612
+ background: none;
1613
+ box-shadow: none;
1614
+ }
1615
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1616
+ border: none;
1617
+ }
1611
1618
  .e-grid .e-res-toolbar {
1612
1619
  border-bottom: 1px solid;
1613
1620
  border-bottom-color: #edebe9;
@@ -2729,13 +2736,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2729
2736
  font-size: 16px;
2730
2737
  padding: 9px 7px 9px 7px;
2731
2738
  text-decoration: none;
2732
- text-indent: 11px;
2733
2739
  }
2734
2740
  .e-grid .e-icon-grightarrow {
2735
2741
  font-size: 16px;
2736
2742
  padding: 8px 7px 11px 7px;
2737
2743
  text-decoration: none;
2738
- text-indent: 11px;
2739
2744
  }
2740
2745
  .e-grid .e-recordplusexpand {
2741
2746
  padding-top: 5px;
@@ -3563,7 +3568,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3563
3568
  margin-top: 0;
3564
3569
  }
3565
3570
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3566
- margin-top: 0;
3571
+ margin-top: -1px;
3567
3572
  }
3568
3573
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3569
3574
  background-color: rgba(0, 0, 0, 0.1);
@@ -3611,7 +3616,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3611
3616
  }
3612
3617
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3613
3618
  .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3614
- margin-top: -9px;
3619
+ margin-top: -2px;
3615
3620
  }
3616
3621
  .e-bigger .e-grid .e-gridheader thead .e-icons,
3617
3622
  .e-bigger.e-grid .e-gridheader thead .e-icons {
package/styles/grid/bootstrap-dark.css CHANGED
@@ -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;
@@ -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;
package/styles/grid/bootstrap.css CHANGED
@@ -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;
@@ -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;
package/styles/grid/bootstrap4.css CHANGED
@@ -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;
@@ -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;
package/styles/grid/bootstrap5-dark.css CHANGED
@@ -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;
@@ -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 {
package/styles/grid/bootstrap5.css CHANGED
@@ -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;
@@ -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 {
package/styles/grid/fabric-dark.css CHANGED
@@ -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;
@@ -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);
package/styles/grid/fabric.css CHANGED
@@ -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;
@@ -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);
package/styles/grid/fluent-dark.css CHANGED
@@ -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;
@@ -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 {
package/styles/grid/fluent.css CHANGED
@@ -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;
@@ -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 {
package/styles/grid/highcontrast-light.css CHANGED
@@ -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;
@@ -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;
package/styles/grid/highcontrast.css CHANGED
@@ -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;
@@ -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);
package/styles/grid/material-dark.css CHANGED
@@ -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;
@@ -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);
package/styles/grid/material.css CHANGED
@@ -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;
@@ -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);
package/styles/grid/tailwind-dark.css CHANGED
@@ -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;
@@ -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);