@syncfusion/ej2-angular-grids 20.1.61 → 20.2.37-ngcc

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 (84) hide show
  1. package/CHANGELOG.md +10 -92
  2. package/dist/ej2-angular-grids.umd.js +1 -1
  3. package/dist/ej2-angular-grids.umd.min.js +1 -1
  4. package/package.json +16 -16
  5. package/schematics/generators/grid-default/schema.json +3 -2
  6. package/schematics/generators/grid-feature/schema.json +3 -2
  7. package/schematics/utils/lib-details.d.ts +2 -2
  8. package/schematics/utils/lib-details.js +2 -2
  9. package/schematics/utils/lib-details.ts +2 -2
  10. package/styles/bootstrap-dark.css +66 -691
  11. package/styles/bootstrap-dark.scss +0 -1
  12. package/styles/bootstrap.css +66 -691
  13. package/styles/bootstrap.scss +0 -1
  14. package/styles/bootstrap4.css +63 -690
  15. package/styles/bootstrap4.scss +0 -1
  16. package/styles/bootstrap5-dark.css +65 -727
  17. package/styles/bootstrap5-dark.scss +0 -1
  18. package/styles/bootstrap5.css +65 -727
  19. package/styles/bootstrap5.scss +0 -1
  20. package/styles/fabric-dark.css +63 -690
  21. package/styles/fabric-dark.scss +0 -1
  22. package/styles/fabric.css +63 -690
  23. package/styles/fabric.scss +0 -1
  24. package/styles/fluent-dark.css +84 -705
  25. package/styles/fluent-dark.scss +0 -1
  26. package/styles/fluent.css +84 -705
  27. package/styles/fluent.scss +0 -1
  28. package/styles/grid/bootstrap-dark.css +66 -4
  29. package/styles/grid/bootstrap.css +66 -4
  30. package/styles/grid/bootstrap4.css +63 -3
  31. package/styles/grid/bootstrap5-dark.css +65 -5
  32. package/styles/grid/bootstrap5.css +65 -5
  33. package/styles/grid/fabric-dark.css +63 -3
  34. package/styles/grid/fabric.css +63 -3
  35. package/styles/grid/fluent-dark.css +84 -16
  36. package/styles/grid/fluent.css +84 -16
  37. package/styles/grid/highcontrast-light.css +63 -3
  38. package/styles/grid/highcontrast.css +63 -3
  39. package/styles/grid/material-dark.css +63 -3
  40. package/styles/grid/material.css +63 -3
  41. package/styles/grid/tailwind-dark.css +64 -4
  42. package/styles/grid/tailwind.css +64 -4
  43. package/styles/highcontrast-light.css +63 -690
  44. package/styles/highcontrast-light.scss +0 -1
  45. package/styles/highcontrast.css +63 -690
  46. package/styles/highcontrast.scss +0 -1
  47. package/styles/material-dark.css +63 -690
  48. package/styles/material-dark.scss +0 -1
  49. package/styles/material.css +63 -690
  50. package/styles/material.scss +0 -1
  51. package/styles/tailwind-dark.css +64 -818
  52. package/styles/tailwind-dark.scss +0 -1
  53. package/styles/tailwind.css +64 -818
  54. package/styles/tailwind.scss +0 -1
  55. package/styles/pager/bootstrap-dark.css +0 -686
  56. package/styles/pager/bootstrap-dark.scss +0 -1
  57. package/styles/pager/bootstrap.css +0 -686
  58. package/styles/pager/bootstrap.scss +0 -1
  59. package/styles/pager/bootstrap4.css +0 -686
  60. package/styles/pager/bootstrap4.scss +0 -1
  61. package/styles/pager/bootstrap5-dark.css +0 -721
  62. package/styles/pager/bootstrap5-dark.scss +0 -1
  63. package/styles/pager/bootstrap5.css +0 -721
  64. package/styles/pager/bootstrap5.scss +0 -1
  65. package/styles/pager/fabric-dark.css +0 -686
  66. package/styles/pager/fabric-dark.scss +0 -1
  67. package/styles/pager/fabric.css +0 -686
  68. package/styles/pager/fabric.scss +0 -1
  69. package/styles/pager/fluent-dark.css +0 -688
  70. package/styles/pager/fluent-dark.scss +0 -1
  71. package/styles/pager/fluent.css +0 -688
  72. package/styles/pager/fluent.scss +0 -1
  73. package/styles/pager/highcontrast-light.css +0 -686
  74. package/styles/pager/highcontrast-light.scss +0 -1
  75. package/styles/pager/highcontrast.css +0 -686
  76. package/styles/pager/highcontrast.scss +0 -1
  77. package/styles/pager/material-dark.css +0 -687
  78. package/styles/pager/material-dark.scss +0 -1
  79. package/styles/pager/material.css +0 -687
  80. package/styles/pager/material.scss +0 -1
  81. package/styles/pager/tailwind-dark.css +0 -813
  82. package/styles/pager/tailwind-dark.scss +0 -1
  83. package/styles/pager/tailwind.css +0 -813
  84. package/styles/pager/tailwind.scss +0 -1
package/styles/fluent.scss CHANGED
@@ -1,3 +1,2 @@
1
- @import 'pager/fluent.scss';
2
1
  @import 'excel-filter/fluent.scss';
3
2
  @import 'grid/fluent.scss';
package/styles/grid/bootstrap-dark.css CHANGED
@@ -302,8 +302,10 @@
302
302
  }
303
303
  .e-grid .e-ccsearch-icon.e-cc-cancel::before,
304
304
  .e-grid .e-chkcancel-icon::before,
305
+ .e-grid .e-input-group .e-clear-icon::before,
305
306
  .e-grid-menu .e-ccsearch-icon.e-cc-cancel::before,
306
- .e-grid-menu .e-chkcancel-icon::before {
307
+ .e-grid-menu .e-chkcancel-icon::before,
308
+ .e-grid-menu .e-input-group .e-clear-icon::before {
307
309
  content: "\e7a7";
308
310
  }
309
311
 
@@ -359,6 +361,26 @@
359
361
  .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
360
362
  font-size: 10px;
361
363
  }
364
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
365
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
366
+ padding: 5px 13px 5px 0;
367
+ }
368
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
369
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
370
+ width: 100%;
371
+ }
372
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon,
373
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon {
374
+ margin: 0;
375
+ }
376
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
377
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
378
+ font-size: 17px;
379
+ }
380
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
381
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
382
+ padding-left: 0;
383
+ }
362
384
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
363
385
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
364
386
  padding-bottom: 5px;
@@ -368,6 +390,22 @@
368
390
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
369
391
  min-width: 38px;
370
392
  }
393
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
394
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
395
+ margin: 0;
396
+ min-width: 38px;
397
+ padding: 0;
398
+ }
399
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
400
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
401
+ font-size: 14px;
402
+ }
403
+ .e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
404
+ .e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
405
+ margin: 0;
406
+ min-width: 38px;
407
+ padding: 0;
408
+ }
371
409
  .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
372
410
  .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
373
411
  font-size: 18px;
@@ -830,8 +868,8 @@
830
868
  margin-top: -3px;
831
869
  margin-right: 0;
832
870
  }
833
- .e-bigger .e-grid .e-groupsort,
834
- .e-grid.e-bigger .e-groupsort {
871
+ .e-bigger .e-grid span.e-groupsort.e-icons,
872
+ .e-grid.e-bigger span.e-groupsort.e-icons {
835
873
  margin-right: 0;
836
874
  margin-top: -4px;
837
875
  }
@@ -1019,6 +1057,10 @@
1019
1057
  .e-grid.e-rtl .e-dropitemscount {
1020
1058
  left: -6px !important;
1021
1059
  }
1060
+ .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1061
+ padding: 0;
1062
+ margin: 0;
1063
+ }
1022
1064
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
1023
1065
  border-top: 1px solid #484848;
1024
1066
  border-right: 1px solid #484848;
@@ -1075,6 +1117,14 @@
1075
1117
  border-top: 1px solid #484848;
1076
1118
  border-radius: 0;
1077
1119
  }
1120
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1121
+ padding: 0;
1122
+ min-width: 32px;
1123
+ margin-right: 0;
1124
+ }
1125
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1126
+ font-size: 12px;
1127
+ }
1078
1128
  .e-grid .e-res-toolbar {
1079
1129
  border-bottom: 1px solid;
1080
1130
  border-bottom-color: #484848;
@@ -1082,7 +1132,7 @@
1082
1132
  .e-grid .e-res-toolbar .e-toolbar-items {
1083
1133
  min-height: initial;
1084
1134
  }
1085
- .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
1135
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:focus {
1086
1136
  background: none;
1087
1137
  }
1088
1138
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1123,13 +1173,25 @@
1123
1173
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1124
1174
  padding-left: 0;
1125
1175
  }
1176
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1177
+ margin: 0 -16px 0 0;
1178
+ }
1179
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
1180
+ font-size: 18px;
1181
+ }
1126
1182
  .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1127
1183
  padding-left: 26px;
1128
1184
  }
1185
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1186
+ margin: 0;
1187
+ }
1129
1188
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1130
1189
  padding-bottom: 3px;
1131
1190
  padding-top: 3px;
1132
1191
  }
1192
+ .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
1193
+ opacity: 1;
1194
+ }
1133
1195
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1134
1196
  margin-bottom: 0;
1135
1197
  opacity: 0.6;
package/styles/grid/bootstrap.css CHANGED
@@ -303,8 +303,10 @@
303
303
  }
304
304
  .e-grid .e-ccsearch-icon.e-cc-cancel::before,
305
305
  .e-grid .e-chkcancel-icon::before,
306
+ .e-grid .e-input-group .e-clear-icon::before,
306
307
  .e-grid-menu .e-ccsearch-icon.e-cc-cancel::before,
307
- .e-grid-menu .e-chkcancel-icon::before {
308
+ .e-grid-menu .e-chkcancel-icon::before,
309
+ .e-grid-menu .e-input-group .e-clear-icon::before {
308
310
  content: "\e7a7";
309
311
  }
310
312
 
@@ -360,6 +362,26 @@
360
362
  .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
361
363
  font-size: 10px;
362
364
  }
365
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
366
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
367
+ padding: 5px 18px 5px 0;
368
+ }
369
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
370
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
371
+ width: 100%;
372
+ }
373
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon,
374
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon {
375
+ margin: 0;
376
+ }
377
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
378
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
379
+ font-size: 17px;
380
+ }
381
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
382
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
383
+ padding-left: 0;
384
+ }
363
385
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
364
386
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
365
387
  padding-bottom: 5px;
@@ -369,6 +391,22 @@
369
391
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
370
392
  min-width: 38px;
371
393
  }
394
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
395
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
396
+ margin: 0;
397
+ min-width: 38px;
398
+ padding: 0;
399
+ }
400
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
401
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
402
+ font-size: 14px;
403
+ }
404
+ .e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
405
+ .e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
406
+ margin: 0;
407
+ min-width: 38px;
408
+ padding: 0;
409
+ }
372
410
  .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
373
411
  .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
374
412
  font-size: 18px;
@@ -831,8 +869,8 @@
831
869
  margin-top: -3px;
832
870
  margin-right: 0;
833
871
  }
834
- .e-bigger .e-grid .e-groupsort,
835
- .e-grid.e-bigger .e-groupsort {
872
+ .e-bigger .e-grid span.e-groupsort.e-icons,
873
+ .e-grid.e-bigger span.e-groupsort.e-icons {
836
874
  margin-right: 0;
837
875
  margin-top: -4px;
838
876
  }
@@ -1020,6 +1058,10 @@
1020
1058
  .e-grid.e-rtl .e-dropitemscount {
1021
1059
  left: -6px !important;
1022
1060
  }
1061
+ .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1062
+ padding: 0;
1063
+ margin: 0;
1064
+ }
1023
1065
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
1024
1066
  border-top: 1px solid #ddd;
1025
1067
  border-right: 1px solid #ddd;
@@ -1076,6 +1118,14 @@
1076
1118
  border-top: 1px solid #ddd;
1077
1119
  border-radius: 0;
1078
1120
  }
1121
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1122
+ padding: 0;
1123
+ min-width: 32px;
1124
+ margin-right: 0;
1125
+ }
1126
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1127
+ font-size: 12px;
1128
+ }
1079
1129
  .e-grid .e-res-toolbar {
1080
1130
  border-bottom: 1px solid;
1081
1131
  border-bottom-color: #ddd;
@@ -1083,7 +1133,7 @@
1083
1133
  .e-grid .e-res-toolbar .e-toolbar-items {
1084
1134
  min-height: initial;
1085
1135
  }
1086
- .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
1136
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:focus {
1087
1137
  background: none;
1088
1138
  }
1089
1139
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1124,13 +1174,25 @@
1124
1174
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1125
1175
  padding-left: 0;
1126
1176
  }
1177
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1178
+ margin: 0 -16px 0 0;
1179
+ }
1180
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
1181
+ font-size: 18px;
1182
+ }
1127
1183
  .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1128
1184
  padding-left: 26px;
1129
1185
  }
1186
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1187
+ margin: 0;
1188
+ }
1130
1189
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1131
1190
  padding-bottom: 3px;
1132
1191
  padding-top: 3px;
1133
1192
  }
1193
+ .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
1194
+ opacity: 1;
1195
+ }
1134
1196
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1135
1197
  margin-bottom: 0;
1136
1198
  opacity: 0.6;
package/styles/grid/bootstrap4.css CHANGED
@@ -401,6 +401,26 @@
401
401
  .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
402
402
  font-size: 14px;
403
403
  }
404
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
405
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
406
+ padding: 5px 30px 5px 0;
407
+ }
408
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
409
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
410
+ width: 100%;
411
+ }
412
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon,
413
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon {
414
+ margin: 0;
415
+ }
416
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
417
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
418
+ font-size: 18px;
419
+ }
420
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
421
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
422
+ padding-left: 0;
423
+ }
404
424
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
405
425
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
406
426
  padding-bottom: 5px;
@@ -410,6 +430,22 @@
410
430
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
411
431
  min-width: 38px;
412
432
  }
433
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
434
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
435
+ margin: 0;
436
+ min-width: 38px;
437
+ padding: 0;
438
+ }
439
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
440
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
441
+ font-size: 16px;
442
+ }
443
+ .e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
444
+ .e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
445
+ margin: 0;
446
+ min-width: 38px;
447
+ padding: 0;
448
+ }
413
449
  .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
414
450
  .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
415
451
  font-size: 18px;
@@ -872,8 +908,8 @@
872
908
  margin-top: -1px;
873
909
  margin-right: 8px;
874
910
  }
875
- .e-bigger .e-grid .e-groupsort,
876
- .e-grid.e-bigger .e-groupsort {
911
+ .e-bigger .e-grid span.e-groupsort.e-icons,
912
+ .e-grid.e-bigger span.e-groupsort.e-icons {
877
913
  margin-right: 0;
878
914
  margin-top: -1px;
879
915
  }
@@ -1061,6 +1097,10 @@
1061
1097
  .e-grid.e-rtl .e-dropitemscount {
1062
1098
  left: -6px !important;
1063
1099
  }
1100
+ .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1101
+ padding: 0;
1102
+ margin: 0;
1103
+ }
1064
1104
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
1065
1105
  border-top: 1px solid #dee2e6;
1066
1106
  border-right: 1px solid #dee2e6;
@@ -1117,6 +1157,14 @@
1117
1157
  border-top: 1px solid #dee2e6;
1118
1158
  border-radius: 0;
1119
1159
  }
1160
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1161
+ padding: 0;
1162
+ min-width: 32px;
1163
+ margin-right: 0;
1164
+ }
1165
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1166
+ font-size: 14px;
1167
+ }
1120
1168
  .e-grid .e-res-toolbar {
1121
1169
  border-bottom: 1px solid;
1122
1170
  border-bottom-color: #dee2e6;
@@ -1124,7 +1172,7 @@
1124
1172
  .e-grid .e-res-toolbar .e-toolbar-items {
1125
1173
  min-height: initial;
1126
1174
  }
1127
- .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
1175
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:focus {
1128
1176
  background: none;
1129
1177
  }
1130
1178
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1165,13 +1213,25 @@
1165
1213
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1166
1214
  padding-left: 0;
1167
1215
  }
1216
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1217
+ margin: 0;
1218
+ }
1219
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
1220
+ font-size: 18px;
1221
+ }
1168
1222
  .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1169
1223
  padding-left: 26px;
1170
1224
  }
1225
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1226
+ margin: 0;
1227
+ }
1171
1228
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1172
1229
  padding-bottom: 3px;
1173
1230
  padding-top: 3px;
1174
1231
  }
1232
+ .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
1233
+ opacity: 1;
1234
+ }
1175
1235
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1176
1236
  margin-bottom: 0;
1177
1237
  opacity: 0.6;
package/styles/grid/bootstrap5-dark.css CHANGED
@@ -414,6 +414,26 @@
414
414
  .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
415
415
  font-size: 16px;
416
416
  }
417
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
418
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
419
+ padding: 5px 25px 5px 0;
420
+ }
421
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
422
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
423
+ width: 100%;
424
+ }
425
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon,
426
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon {
427
+ margin: 0;
428
+ }
429
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
430
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
431
+ font-size: 16px;
432
+ }
433
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
434
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
435
+ padding-left: 0;
436
+ }
417
437
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
418
438
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
419
439
  padding-bottom: 5px;
@@ -423,6 +443,22 @@
423
443
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
424
444
  min-width: 38px;
425
445
  }
446
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
447
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
448
+ margin: 0;
449
+ min-width: 38px;
450
+ padding: 0;
451
+ }
452
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
453
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
454
+ font-size: 16px;
455
+ }
456
+ .e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
457
+ .e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
458
+ margin: 0;
459
+ min-width: 38px;
460
+ padding: 0;
461
+ }
426
462
  .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
427
463
  .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
428
464
  font-size: 16px;
@@ -891,8 +927,8 @@
891
927
  margin-top: 1px;
892
928
  margin-right: 0;
893
929
  }
894
- .e-bigger .e-grid .e-groupsort,
895
- .e-grid.e-bigger .e-groupsort {
930
+ .e-bigger .e-grid span.e-groupsort.e-icons,
931
+ .e-grid.e-bigger span.e-groupsort.e-icons {
896
932
  margin-right: 0;
897
933
  margin-top: 1px;
898
934
  }
@@ -1080,6 +1116,10 @@
1080
1116
  .e-grid.e-rtl .e-dropitemscount {
1081
1117
  left: -6px !important;
1082
1118
  }
1119
+ .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1120
+ padding: 0;
1121
+ margin: 0;
1122
+ }
1083
1123
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
1084
1124
  border-top: 1px solid #444c54;
1085
1125
  border-right: 1px solid #444c54;
@@ -1136,6 +1176,14 @@
1136
1176
  border-top: 1px solid #444c54;
1137
1177
  border-radius: 0;
1138
1178
  }
1179
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1180
+ padding: 0;
1181
+ min-width: 32px;
1182
+ margin-right: 0;
1183
+ }
1184
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1185
+ font-size: 14px;
1186
+ }
1139
1187
  .e-grid .e-res-toolbar {
1140
1188
  border-bottom: 1px solid;
1141
1189
  border-bottom-color: #444c54;
@@ -1143,7 +1191,7 @@
1143
1191
  .e-grid .e-res-toolbar .e-toolbar-items {
1144
1192
  min-height: initial;
1145
1193
  }
1146
- .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
1194
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:focus {
1147
1195
  background: none;
1148
1196
  }
1149
1197
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1185,16 +1233,28 @@
1185
1233
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1186
1234
  padding-left: 0;
1187
1235
  }
1236
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1237
+ margin: 0;
1238
+ }
1239
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
1240
+ font-size: 16px;
1241
+ }
1188
1242
  .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1189
1243
  padding-left: 26px;
1190
1244
  }
1245
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1246
+ margin: 0;
1247
+ }
1191
1248
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1192
1249
  padding-bottom: 3px;
1193
1250
  padding-top: 3px;
1194
1251
  }
1252
+ .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
1253
+ opacity: 1;
1254
+ }
1195
1255
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1196
1256
  margin-bottom: 0;
1197
- opacity: 1;
1257
+ opacity: 0.6;
1198
1258
  width: 230px;
1199
1259
  }
1200
1260
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search.e-input-focus {
@@ -2793,7 +2853,7 @@
2793
2853
  margin-right: -10px;
2794
2854
  }
2795
2855
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
2796
- margin-left: -2px;
2856
+ margin-left: 0;
2797
2857
  margin-right: -12px;
2798
2858
  padding-top: 0;
2799
2859
  }
package/styles/grid/bootstrap5.css CHANGED
@@ -414,6 +414,26 @@
414
414
  .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
415
415
  font-size: 16px;
416
416
  }
417
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
418
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
419
+ padding: 5px 25px 5px 0;
420
+ }
421
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
422
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
423
+ width: 100%;
424
+ }
425
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon,
426
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon {
427
+ margin: 0;
428
+ }
429
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
430
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
431
+ font-size: 16px;
432
+ }
433
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
434
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
435
+ padding-left: 0;
436
+ }
417
437
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
418
438
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
419
439
  padding-bottom: 5px;
@@ -423,6 +443,22 @@
423
443
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
424
444
  min-width: 38px;
425
445
  }
446
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
447
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
448
+ margin: 0;
449
+ min-width: 38px;
450
+ padding: 0;
451
+ }
452
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
453
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
454
+ font-size: 16px;
455
+ }
456
+ .e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
457
+ .e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
458
+ margin: 0;
459
+ min-width: 38px;
460
+ padding: 0;
461
+ }
426
462
  .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
427
463
  .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
428
464
  font-size: 16px;
@@ -891,8 +927,8 @@
891
927
  margin-top: 1px;
892
928
  margin-right: 0;
893
929
  }
894
- .e-bigger .e-grid .e-groupsort,
895
- .e-grid.e-bigger .e-groupsort {
930
+ .e-bigger .e-grid span.e-groupsort.e-icons,
931
+ .e-grid.e-bigger span.e-groupsort.e-icons {
896
932
  margin-right: 0;
897
933
  margin-top: 1px;
898
934
  }
@@ -1080,6 +1116,10 @@
1080
1116
  .e-grid.e-rtl .e-dropitemscount {
1081
1117
  left: -6px !important;
1082
1118
  }
1119
+ .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1120
+ padding: 0;
1121
+ margin: 0;
1122
+ }
1083
1123
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
1084
1124
  border-top: 1px solid #dee2e6;
1085
1125
  border-right: 1px solid #dee2e6;
@@ -1136,6 +1176,14 @@
1136
1176
  border-top: 1px solid #dee2e6;
1137
1177
  border-radius: 0;
1138
1178
  }
1179
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1180
+ padding: 0;
1181
+ min-width: 32px;
1182
+ margin-right: 0;
1183
+ }
1184
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1185
+ font-size: 14px;
1186
+ }
1139
1187
  .e-grid .e-res-toolbar {
1140
1188
  border-bottom: 1px solid;
1141
1189
  border-bottom-color: #dee2e6;
@@ -1143,7 +1191,7 @@
1143
1191
  .e-grid .e-res-toolbar .e-toolbar-items {
1144
1192
  min-height: initial;
1145
1193
  }
1146
- .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
1194
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:focus {
1147
1195
  background: none;
1148
1196
  }
1149
1197
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1185,16 +1233,28 @@
1185
1233
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1186
1234
  padding-left: 0;
1187
1235
  }
1236
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1237
+ margin: 0;
1238
+ }
1239
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
1240
+ font-size: 16px;
1241
+ }
1188
1242
  .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1189
1243
  padding-left: 26px;
1190
1244
  }
1245
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1246
+ margin: 0;
1247
+ }
1191
1248
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1192
1249
  padding-bottom: 3px;
1193
1250
  padding-top: 3px;
1194
1251
  }
1252
+ .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
1253
+ opacity: 1;
1254
+ }
1195
1255
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1196
1256
  margin-bottom: 0;
1197
- opacity: 1;
1257
+ opacity: 0.6;
1198
1258
  width: 230px;
1199
1259
  }
1200
1260
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search.e-input-focus {
@@ -2793,7 +2853,7 @@
2793
2853
  margin-right: -10px;
2794
2854
  }
2795
2855
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
2796
- margin-left: -2px;
2856
+ margin-left: 0;
2797
2857
  margin-right: -12px;
2798
2858
  padding-top: 0;
2799
2859
  }