@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/grid/highcontrast-light.css CHANGED
@@ -332,6 +332,26 @@
332
332
  .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
333
333
  font-size: 10px;
334
334
  }
335
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
336
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
337
+ padding: 0 1.5px;
338
+ }
339
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
340
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
341
+ width: 100%;
342
+ }
343
+ .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,
344
+ .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 {
345
+ margin: 0;
346
+ }
347
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
348
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
349
+ font-size: 17px;
350
+ }
351
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
352
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
353
+ padding-left: 0;
354
+ }
335
355
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
336
356
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
337
357
  padding-bottom: 5px;
@@ -341,6 +361,22 @@
341
361
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
342
362
  min-width: 38px;
343
363
  }
364
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
365
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
366
+ margin: 0;
367
+ min-width: 38px;
368
+ padding: 0;
369
+ }
370
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
371
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
372
+ font-size: 12px;
373
+ }
374
+ .e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
375
+ .e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
376
+ margin: 0;
377
+ min-width: 38px;
378
+ padding: 0;
379
+ }
344
380
  .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
345
381
  .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
346
382
  font-size: 18px;
@@ -803,8 +839,8 @@
803
839
  margin-top: 1px;
804
840
  margin-right: 0;
805
841
  }
806
- .e-bigger .e-grid .e-groupsort,
807
- .e-grid.e-bigger .e-groupsort {
842
+ .e-bigger .e-grid span.e-groupsort.e-icons,
843
+ .e-grid.e-bigger span.e-groupsort.e-icons {
808
844
  margin-right: 10px;
809
845
  margin-top: 0;
810
846
  }
@@ -992,6 +1028,10 @@
992
1028
  .e-grid.e-rtl .e-dropitemscount {
993
1029
  left: -6px !important;
994
1030
  }
1031
+ .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1032
+ padding: 0;
1033
+ margin: 0;
1034
+ }
995
1035
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
996
1036
  border-top: 1px solid #757575;
997
1037
  border-right: 1px solid #757575;
@@ -1048,6 +1088,14 @@
1048
1088
  border-top: 1px solid #757575;
1049
1089
  border-radius: 0;
1050
1090
  }
1091
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1092
+ padding: 0;
1093
+ min-width: 30px;
1094
+ margin-right: 0;
1095
+ }
1096
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1097
+ font-size: 12px;
1098
+ }
1051
1099
  .e-grid .e-res-toolbar {
1052
1100
  border-bottom: 1px solid;
1053
1101
  border-bottom-color: #757575;
@@ -1055,7 +1103,7 @@
1055
1103
  .e-grid .e-res-toolbar .e-toolbar-items {
1056
1104
  min-height: initial;
1057
1105
  }
1058
- .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 {
1106
+ .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 {
1059
1107
  background: none;
1060
1108
  }
1061
1109
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1096,13 +1144,25 @@
1096
1144
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1097
1145
  padding-left: 0;
1098
1146
  }
1147
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1148
+ margin: 0;
1149
+ }
1150
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
1151
+ font-size: 18px;
1152
+ }
1099
1153
  .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1100
1154
  padding-left: 26px;
1101
1155
  }
1156
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1157
+ margin: 0;
1158
+ }
1102
1159
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1103
1160
  padding-bottom: 4px;
1104
1161
  padding-top: 4px;
1105
1162
  }
1163
+ .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
1164
+ opacity: 1;
1165
+ }
1106
1166
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1107
1167
  margin-bottom: 0;
1108
1168
  opacity: 0.6;
package/styles/grid/highcontrast.css CHANGED
@@ -332,6 +332,26 @@
332
332
  .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
333
333
  font-size: 10px;
334
334
  }
335
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
336
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
337
+ padding: 0 1.5px;
338
+ }
339
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
340
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
341
+ width: 100%;
342
+ }
343
+ .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,
344
+ .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 {
345
+ margin: 0;
346
+ }
347
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
348
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
349
+ font-size: 17px;
350
+ }
351
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
352
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
353
+ padding-left: 0;
354
+ }
335
355
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
336
356
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
337
357
  padding-bottom: 5px;
@@ -341,6 +361,22 @@
341
361
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
342
362
  min-width: 38px;
343
363
  }
364
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
365
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
366
+ margin: 0;
367
+ min-width: 38px;
368
+ padding: 0;
369
+ }
370
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
371
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
372
+ font-size: 12px;
373
+ }
374
+ .e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
375
+ .e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
376
+ margin: 0;
377
+ min-width: 38px;
378
+ padding: 0;
379
+ }
344
380
  .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
345
381
  .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
346
382
  font-size: 18px;
@@ -803,8 +839,8 @@
803
839
  margin-top: 1px;
804
840
  margin-right: 0;
805
841
  }
806
- .e-bigger .e-grid .e-groupsort,
807
- .e-grid.e-bigger .e-groupsort {
842
+ .e-bigger .e-grid span.e-groupsort.e-icons,
843
+ .e-grid.e-bigger span.e-groupsort.e-icons {
808
844
  margin-right: 10px;
809
845
  margin-top: 0;
810
846
  }
@@ -992,6 +1028,10 @@
992
1028
  .e-grid.e-rtl .e-dropitemscount {
993
1029
  left: -6px !important;
994
1030
  }
1031
+ .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1032
+ padding: 0;
1033
+ margin: 0;
1034
+ }
995
1035
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
996
1036
  border-top: 1px solid #969696;
997
1037
  border-right: 1px solid #969696;
@@ -1048,6 +1088,14 @@
1048
1088
  border-top: 1px solid #969696;
1049
1089
  border-radius: 0;
1050
1090
  }
1091
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1092
+ padding: 0;
1093
+ min-width: 30px;
1094
+ margin-right: 0;
1095
+ }
1096
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1097
+ font-size: 12px;
1098
+ }
1051
1099
  .e-grid .e-res-toolbar {
1052
1100
  border-bottom: 1px solid;
1053
1101
  border-bottom-color: #969696;
@@ -1055,7 +1103,7 @@
1055
1103
  .e-grid .e-res-toolbar .e-toolbar-items {
1056
1104
  min-height: initial;
1057
1105
  }
1058
- .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 {
1106
+ .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 {
1059
1107
  background: none;
1060
1108
  }
1061
1109
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1096,13 +1144,25 @@
1096
1144
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1097
1145
  padding-left: 0;
1098
1146
  }
1147
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1148
+ margin: 0;
1149
+ }
1150
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
1151
+ font-size: 18px;
1152
+ }
1099
1153
  .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1100
1154
  padding-left: 26px;
1101
1155
  }
1156
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1157
+ margin: 0;
1158
+ }
1102
1159
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1103
1160
  padding-bottom: 4px;
1104
1161
  padding-top: 4px;
1105
1162
  }
1163
+ .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
1164
+ opacity: 1;
1165
+ }
1106
1166
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1107
1167
  margin-bottom: 0;
1108
1168
  opacity: 0.6;
package/styles/grid/material-dark.css CHANGED
@@ -376,6 +376,26 @@
376
376
  .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
377
377
  font-size: 10px;
378
378
  }
379
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
380
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
381
+ padding: 5px;
382
+ }
383
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
384
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
385
+ width: 100%;
386
+ }
387
+ .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,
388
+ .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 {
389
+ margin: 10px 14px 5px 0;
390
+ }
391
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
392
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
393
+ font-size: 18px;
394
+ }
395
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
396
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
397
+ padding-left: 0;
398
+ }
379
399
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
380
400
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
381
401
  padding-bottom: 8px;
@@ -385,6 +405,22 @@
385
405
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
386
406
  min-width: 20px;
387
407
  }
408
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
409
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
410
+ margin: 0 8px 0 0;
411
+ min-width: 20px;
412
+ padding: 0;
413
+ }
414
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
415
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
416
+ font-size: 12px;
417
+ }
418
+ .e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
419
+ .e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
420
+ margin: 6px 0 5px 6px;
421
+ min-width: 20px;
422
+ padding: 0;
423
+ }
388
424
  .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
389
425
  .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
390
426
  font-size: 18px;
@@ -847,8 +883,8 @@
847
883
  margin-top: 0;
848
884
  margin-right: 0;
849
885
  }
850
- .e-bigger .e-grid .e-groupsort,
851
- .e-grid.e-bigger .e-groupsort {
886
+ .e-bigger .e-grid span.e-groupsort.e-icons,
887
+ .e-grid.e-bigger span.e-groupsort.e-icons {
852
888
  margin-right: 0;
853
889
  margin-top: 0;
854
890
  }
@@ -1036,6 +1072,10 @@
1036
1072
  .e-grid.e-rtl .e-dropitemscount {
1037
1073
  left: -6px !important;
1038
1074
  }
1075
+ .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1076
+ padding: 0;
1077
+ margin: 4px 0 4px 6px;
1078
+ }
1039
1079
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
1040
1080
  border-top: 1px solid #616161;
1041
1081
  border-right: 1px solid #616161;
@@ -1092,6 +1132,14 @@
1092
1132
  border-top: 1px solid #616161;
1093
1133
  border-radius: 0;
1094
1134
  }
1135
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1136
+ padding: 0;
1137
+ min-width: 18px;
1138
+ margin-right: 8px;
1139
+ }
1140
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1141
+ font-size: 12px;
1142
+ }
1095
1143
  .e-grid .e-res-toolbar {
1096
1144
  border-bottom: 1px solid;
1097
1145
  border-bottom-color: #616161;
@@ -1099,7 +1147,7 @@
1099
1147
  .e-grid .e-res-toolbar .e-toolbar-items {
1100
1148
  min-height: initial;
1101
1149
  }
1102
- .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 {
1150
+ .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 {
1103
1151
  background: none;
1104
1152
  }
1105
1153
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1140,13 +1188,25 @@
1140
1188
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1141
1189
  padding-left: 0;
1142
1190
  }
1191
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1192
+ margin: 14px 8px 5px 0;
1193
+ }
1194
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
1195
+ font-size: 18px;
1196
+ }
1143
1197
  .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1144
1198
  padding-left: 26px;
1145
1199
  }
1200
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1201
+ margin: 14px 0 5px 8px;
1202
+ }
1146
1203
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1147
1204
  padding-bottom: 6px;
1148
1205
  padding-top: 1px;
1149
1206
  }
1207
+ .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
1208
+ opacity: 1;
1209
+ }
1150
1210
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1151
1211
  margin-bottom: 0;
1152
1212
  opacity: 0.6;
package/styles/grid/material.css CHANGED
@@ -410,6 +410,26 @@
410
410
  .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
411
411
  font-size: 10px;
412
412
  }
413
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
414
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
415
+ padding: 5px;
416
+ }
417
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
418
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
419
+ width: 100%;
420
+ }
421
+ .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,
422
+ .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 {
423
+ margin: 13px 14px 5px 0;
424
+ }
425
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
426
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
427
+ font-size: 17px;
428
+ }
429
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
430
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
431
+ padding-left: 0;
432
+ }
413
433
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
414
434
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
415
435
  padding-bottom: 8px;
@@ -419,6 +439,22 @@
419
439
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
420
440
  min-width: 20px;
421
441
  }
442
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
443
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
444
+ margin: 0 8px 0 0;
445
+ min-width: 20px;
446
+ padding: 0;
447
+ }
448
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
449
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
450
+ font-size: 12px;
451
+ }
452
+ .e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
453
+ .e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
454
+ margin: 6px 0 5px 6px;
455
+ min-width: 20px;
456
+ padding: 0;
457
+ }
422
458
  .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
423
459
  .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
424
460
  font-size: 18px;
@@ -881,8 +917,8 @@
881
917
  margin-top: 0;
882
918
  margin-right: 0;
883
919
  }
884
- .e-bigger .e-grid .e-groupsort,
885
- .e-grid.e-bigger .e-groupsort {
920
+ .e-bigger .e-grid span.e-groupsort.e-icons,
921
+ .e-grid.e-bigger span.e-groupsort.e-icons {
886
922
  margin-right: 0;
887
923
  margin-top: 0;
888
924
  }
@@ -1070,6 +1106,10 @@
1070
1106
  .e-grid.e-rtl .e-dropitemscount {
1071
1107
  left: -6px !important;
1072
1108
  }
1109
+ .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1110
+ padding: 0;
1111
+ margin: 4px 0 4px 6px;
1112
+ }
1073
1113
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
1074
1114
  border-top: 1px solid #e0e0e0;
1075
1115
  border-right: 1px solid #e0e0e0;
@@ -1126,6 +1166,14 @@
1126
1166
  border-top: 1px solid #e0e0e0;
1127
1167
  border-radius: 0;
1128
1168
  }
1169
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1170
+ padding: 0;
1171
+ min-width: 18px;
1172
+ margin-right: 8px;
1173
+ }
1174
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1175
+ font-size: 12px;
1176
+ }
1129
1177
  .e-grid .e-res-toolbar {
1130
1178
  border-bottom: 1px solid;
1131
1179
  border-bottom-color: #e0e0e0;
@@ -1133,7 +1181,7 @@
1133
1181
  .e-grid .e-res-toolbar .e-toolbar-items {
1134
1182
  min-height: initial;
1135
1183
  }
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 {
1184
+ .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 {
1137
1185
  background: none;
1138
1186
  }
1139
1187
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1174,13 +1222,25 @@
1174
1222
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1175
1223
  padding-left: 0;
1176
1224
  }
1225
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1226
+ margin: 14px 8px 5px 0;
1227
+ }
1228
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
1229
+ font-size: 18px;
1230
+ }
1177
1231
  .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1178
1232
  padding-left: 26px;
1179
1233
  }
1234
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1235
+ margin: 14px 0 5px 8px;
1236
+ }
1180
1237
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1181
1238
  padding-bottom: 6px;
1182
1239
  padding-top: 1px;
1183
1240
  }
1241
+ .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
1242
+ opacity: 1;
1243
+ }
1184
1244
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1185
1245
  margin-bottom: 0;
1186
1246
  opacity: 0.6;
package/styles/grid/tailwind-dark.css CHANGED
@@ -362,6 +362,26 @@
362
362
  .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
363
363
  font-size: 16px;
364
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: 3px 16px 3px 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: 16px;
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
+ }
365
385
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
366
386
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
367
387
  padding-bottom: 3px;
@@ -371,6 +391,22 @@
371
391
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
372
392
  min-width: 38px;
373
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: 7px 0 7px 12px;
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: 22px;
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: 7px 6px 7px 0;
409
+ }
374
410
  .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
375
411
  .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
376
412
  font-size: 16px;
@@ -882,8 +918,8 @@
882
918
  .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
883
919
  color: #374151;
884
920
  }
885
- .e-bigger .e-grid .e-groupsort,
886
- .e-grid.e-bigger .e-groupsort {
921
+ .e-bigger .e-grid span.e-groupsort.e-icons,
922
+ .e-grid.e-bigger span.e-groupsort.e-icons {
887
923
  margin-right: 0;
888
924
  margin-top: 0;
889
925
  }
@@ -1072,6 +1108,10 @@
1072
1108
  .e-grid.e-rtl .e-dropitemscount {
1073
1109
  left: -6px !important;
1074
1110
  }
1111
+ .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1112
+ padding: 5px 4px 5px 0;
1113
+ margin: 0;
1114
+ }
1075
1115
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
1076
1116
  border-top: 1px solid #4b5563;
1077
1117
  border-right: 1px solid #4b5563;
@@ -1128,6 +1168,14 @@
1128
1168
  border-top: 1px solid #4b5563;
1129
1169
  border-radius: 0;
1130
1170
  }
1171
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1172
+ padding: 5px 0 5px 4px;
1173
+ min-width: 33px;
1174
+ margin-right: 0;
1175
+ }
1176
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1177
+ font-size: 18px;
1178
+ }
1131
1179
  .e-grid .e-res-toolbar {
1132
1180
  border-bottom: 1px solid;
1133
1181
  border-bottom-color: #4b5563;
@@ -1135,7 +1183,7 @@
1135
1183
  .e-grid .e-res-toolbar .e-toolbar-items {
1136
1184
  min-height: initial;
1137
1185
  }
1138
- .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 {
1186
+ .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 {
1139
1187
  background: none;
1140
1188
  }
1141
1189
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1177,13 +1225,25 @@
1177
1225
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1178
1226
  padding-left: 0;
1179
1227
  }
1228
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1229
+ margin: 0;
1230
+ }
1231
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
1232
+ font-size: 16px;
1233
+ }
1180
1234
  .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1181
1235
  padding-left: 26px;
1182
1236
  }
1237
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1238
+ margin: 0;
1239
+ }
1183
1240
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1184
1241
  padding-bottom: 3px;
1185
1242
  padding-top: 3px;
1186
1243
  }
1244
+ .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
1245
+ opacity: 1;
1246
+ }
1187
1247
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1188
1248
  margin-bottom: 0;
1189
1249
  opacity: 0.6;
@@ -2817,7 +2877,7 @@
2817
2877
  margin-right: 0;
2818
2878
  }
2819
2879
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
2820
- margin-left: -2px;
2880
+ margin-left: 0;
2821
2881
  margin-right: -9px;
2822
2882
  padding-top: 0;
2823
2883
  }