@syncfusion/ej2-angular-grids 20.1.59 → 20.2.36-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 -73
  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 +8 -8
  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
@@ -335,6 +335,26 @@
335
335
  .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
336
336
  font-size: 10px;
337
337
  }
338
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
339
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
340
+ padding: 0 1.5px;
341
+ }
342
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
343
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
344
+ width: 100%;
345
+ }
346
+ .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,
347
+ .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 {
348
+ margin: 0;
349
+ }
350
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
351
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
352
+ font-size: 17px;
353
+ }
354
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
355
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
356
+ padding-left: 0;
357
+ }
338
358
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
339
359
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
340
360
  padding-bottom: 5px;
@@ -344,6 +364,22 @@
344
364
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
345
365
  min-width: 38px;
346
366
  }
367
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
368
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
369
+ margin: 0;
370
+ min-width: 38px;
371
+ padding: 0;
372
+ }
373
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
374
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
375
+ font-size: 12px;
376
+ }
377
+ .e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
378
+ .e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
379
+ margin: 0;
380
+ min-width: 38px;
381
+ padding: 0;
382
+ }
347
383
  .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
348
384
  .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
349
385
  font-size: 18px;
@@ -806,8 +842,8 @@
806
842
  margin-top: 1px;
807
843
  margin-right: 0;
808
844
  }
809
- .e-bigger .e-grid .e-groupsort,
810
- .e-grid.e-bigger .e-groupsort {
845
+ .e-bigger .e-grid span.e-groupsort.e-icons,
846
+ .e-grid.e-bigger span.e-groupsort.e-icons {
811
847
  margin-right: 10px;
812
848
  margin-top: 0;
813
849
  }
@@ -995,6 +1031,10 @@
995
1031
  .e-grid.e-rtl .e-dropitemscount {
996
1032
  left: -6px !important;
997
1033
  }
1034
+ .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1035
+ padding: 0;
1036
+ margin: 0;
1037
+ }
998
1038
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
999
1039
  border-top: 1px solid #414040;
1000
1040
  border-right: 1px solid #414040;
@@ -1051,6 +1091,14 @@
1051
1091
  border-top: 1px solid #414040;
1052
1092
  border-radius: 0;
1053
1093
  }
1094
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1095
+ padding: 0;
1096
+ min-width: 30px;
1097
+ margin-right: 0;
1098
+ }
1099
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1100
+ font-size: 12px;
1101
+ }
1054
1102
  .e-grid .e-res-toolbar {
1055
1103
  border-bottom: 1px solid;
1056
1104
  border-bottom-color: #414040;
@@ -1058,7 +1106,7 @@
1058
1106
  .e-grid .e-res-toolbar .e-toolbar-items {
1059
1107
  min-height: initial;
1060
1108
  }
1061
- .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 {
1109
+ .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 {
1062
1110
  background: none;
1063
1111
  }
1064
1112
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1099,13 +1147,25 @@
1099
1147
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1100
1148
  padding-left: 0;
1101
1149
  }
1150
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1151
+ margin: 0;
1152
+ }
1153
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
1154
+ font-size: 18px;
1155
+ }
1102
1156
  .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1103
1157
  padding-left: 26px;
1104
1158
  }
1159
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1160
+ margin: 0;
1161
+ }
1105
1162
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1106
1163
  padding-bottom: 4px;
1107
1164
  padding-top: 4px;
1108
1165
  }
1166
+ .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
1167
+ opacity: 1;
1168
+ }
1109
1169
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1110
1170
  margin-bottom: 0;
1111
1171
  opacity: 0.6;
@@ -328,6 +328,26 @@
328
328
  .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
329
329
  font-size: 10px;
330
330
  }
331
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
332
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
333
+ padding: 0 1.5px;
334
+ }
335
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
336
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
337
+ width: 100%;
338
+ }
339
+ .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,
340
+ .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 {
341
+ margin: 0;
342
+ }
343
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
344
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
345
+ font-size: 17px;
346
+ }
347
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
348
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
349
+ padding-left: 0;
350
+ }
331
351
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
332
352
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
333
353
  padding-bottom: 5px;
@@ -337,6 +357,22 @@
337
357
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
338
358
  min-width: 38px;
339
359
  }
360
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
361
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
362
+ margin: 0;
363
+ min-width: 38px;
364
+ padding: 0;
365
+ }
366
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
367
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
368
+ font-size: 12px;
369
+ }
370
+ .e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
371
+ .e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
372
+ margin: 0;
373
+ min-width: 38px;
374
+ padding: 0;
375
+ }
340
376
  .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
341
377
  .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
342
378
  font-size: 18px;
@@ -799,8 +835,8 @@
799
835
  margin-top: 1px;
800
836
  margin-right: 0;
801
837
  }
802
- .e-bigger .e-grid .e-groupsort,
803
- .e-grid.e-bigger .e-groupsort {
838
+ .e-bigger .e-grid span.e-groupsort.e-icons,
839
+ .e-grid.e-bigger span.e-groupsort.e-icons {
804
840
  margin-right: 10px;
805
841
  margin-top: 0;
806
842
  }
@@ -988,6 +1024,10 @@
988
1024
  .e-grid.e-rtl .e-dropitemscount {
989
1025
  left: -6px !important;
990
1026
  }
1027
+ .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1028
+ padding: 0;
1029
+ margin: 0;
1030
+ }
991
1031
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
992
1032
  border-top: 1px solid #eaeaea;
993
1033
  border-right: 1px solid #eaeaea;
@@ -1044,6 +1084,14 @@
1044
1084
  border-top: 1px solid #eaeaea;
1045
1085
  border-radius: 0;
1046
1086
  }
1087
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1088
+ padding: 0;
1089
+ min-width: 30px;
1090
+ margin-right: 0;
1091
+ }
1092
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1093
+ font-size: 12px;
1094
+ }
1047
1095
  .e-grid .e-res-toolbar {
1048
1096
  border-bottom: 1px solid;
1049
1097
  border-bottom-color: #eaeaea;
@@ -1051,7 +1099,7 @@
1051
1099
  .e-grid .e-res-toolbar .e-toolbar-items {
1052
1100
  min-height: initial;
1053
1101
  }
1054
- .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 {
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, .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 {
1055
1103
  background: none;
1056
1104
  }
1057
1105
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1092,13 +1140,25 @@
1092
1140
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1093
1141
  padding-left: 0;
1094
1142
  }
1143
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1144
+ margin: 0;
1145
+ }
1146
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
1147
+ font-size: 18px;
1148
+ }
1095
1149
  .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1096
1150
  padding-left: 26px;
1097
1151
  }
1152
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1153
+ margin: 0;
1154
+ }
1098
1155
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1099
1156
  padding-bottom: 4px;
1100
1157
  padding-top: 4px;
1101
1158
  }
1159
+ .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
1160
+ opacity: 1;
1161
+ }
1102
1162
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1103
1163
  margin-bottom: 0;
1104
1164
  opacity: 0.6;
@@ -393,6 +393,26 @@
393
393
  .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
394
394
  font-size: 18px;
395
395
  }
396
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
397
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
398
+ padding: 2px 18px 5px 0;
399
+ }
400
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
401
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
402
+ width: 100%;
403
+ }
404
+ .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,
405
+ .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 {
406
+ margin: 0;
407
+ }
408
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
409
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
410
+ font-size: 17px;
411
+ }
412
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
413
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
414
+ padding-left: 0;
415
+ }
396
416
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
397
417
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
398
418
  padding-bottom: 5px;
@@ -402,6 +422,22 @@
402
422
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
403
423
  min-width: 38px;
404
424
  }
425
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
426
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
427
+ margin: 0;
428
+ min-width: 38px;
429
+ padding: 0;
430
+ }
431
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
432
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
433
+ font-size: 18px;
434
+ }
435
+ .e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
436
+ .e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
437
+ margin: 0;
438
+ min-width: 38px;
439
+ padding: 0;
440
+ }
405
441
  .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
406
442
  .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
407
443
  font-size: 16px;
@@ -877,19 +913,27 @@
877
913
  .e-grid.e-bigger span.e-ungroupbutton,
878
914
  .e-grid.e-bigger .e-toggleungroup {
879
915
  margin-left: -8px;
880
- margin-top: -14px;
916
+ margin-top: -4px;
881
917
  }
882
918
  .e-bigger .e-grid span.e-ungroupbutton.e-icons,
883
919
  .e-grid.e-bigger span.e-ungroupbutton.e-icons {
884
920
  font-size: 16px;
885
- margin-left: -18px;
886
- margin-top: -12px;
887
- margin-right: 8px;
921
+ margin-left: 0;
922
+ margin-top: -4px;
923
+ margin-right: 4px;
924
+ padding: 0 4px;
888
925
  }
889
- .e-bigger .e-grid .e-groupsort,
890
- .e-grid.e-bigger .e-groupsort {
926
+ .e-bigger .e-grid span.e-groupsort.e-icons,
927
+ .e-grid.e-bigger span.e-groupsort.e-icons {
891
928
  margin-right: 0;
892
- margin-top: -14px;
929
+ margin-top: -4px;
930
+ margin-left: 0;
931
+ padding: 0 4px;
932
+ }
933
+ .e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
934
+ .e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
935
+ margin-top: 0;
936
+ padding: 0 4px;
893
937
  }
894
938
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
895
939
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
@@ -899,11 +943,11 @@
899
943
  }
900
944
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
901
945
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
902
- margin-left: -13px;
903
- margin-right: -20px;
904
- margin-top: -6px;
946
+ margin-left: -9px;
947
+ margin-right: -6px;
948
+ margin-top: -4px;
905
949
  padding-top: 4px;
906
- padding-left: 12px;
950
+ padding-left: 8px;
907
951
  }
908
952
  .e-bigger .e-grid .e-groupcaption,
909
953
  .e-grid.e-bigger .e-groupcaption {
@@ -1075,6 +1119,10 @@
1075
1119
  .e-grid.e-rtl .e-dropitemscount {
1076
1120
  left: -6px !important;
1077
1121
  }
1122
+ .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1123
+ padding: 0;
1124
+ margin: 0;
1125
+ }
1078
1126
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
1079
1127
  border-top: 1px solid #292827;
1080
1128
  border-right: 1px solid #292827;
@@ -1131,6 +1179,14 @@
1131
1179
  border-top: 1px solid #292827;
1132
1180
  border-radius: 0;
1133
1181
  }
1182
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1183
+ padding: 0;
1184
+ min-width: 32px;
1185
+ margin-right: 0;
1186
+ }
1187
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1188
+ font-size: 14px;
1189
+ }
1134
1190
  .e-grid .e-res-toolbar {
1135
1191
  border-bottom: 1px solid;
1136
1192
  border-bottom-color: #292827;
@@ -1138,7 +1194,7 @@
1138
1194
  .e-grid .e-res-toolbar .e-toolbar-items {
1139
1195
  min-height: initial;
1140
1196
  }
1141
- .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 {
1197
+ .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 {
1142
1198
  background: none;
1143
1199
  }
1144
1200
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1179,13 +1235,25 @@
1179
1235
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1180
1236
  padding-left: 0;
1181
1237
  }
1238
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1239
+ margin: 0;
1240
+ }
1241
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
1242
+ font-size: 18px;
1243
+ }
1182
1244
  .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1183
1245
  padding-left: 26px;
1184
1246
  }
1247
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1248
+ margin: 0;
1249
+ }
1185
1250
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1186
1251
  padding-bottom: 6px;
1187
1252
  padding-top: 3px;
1188
1253
  }
1254
+ .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
1255
+ opacity: 1;
1256
+ }
1189
1257
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1190
1258
  margin-bottom: 0;
1191
1259
  opacity: 0.6;
@@ -2223,11 +2291,11 @@
2223
2291
  }
2224
2292
  .e-grid .e-groupsort {
2225
2293
  margin-right: 0;
2226
- margin-top: -4px;
2294
+ margin-top: -3px;
2227
2295
  }
2228
2296
  .e-grid span.e-ungroupbutton.e-icons {
2229
2297
  margin-left: -13px;
2230
- margin-top: 0;
2298
+ margin-top: 1px;
2231
2299
  padding-right: 12px;
2232
2300
  }
2233
2301
  .e-grid .e-grptogglebtn {
@@ -2802,7 +2870,7 @@
2802
2870
  margin-right: -8px;
2803
2871
  }
2804
2872
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
2805
- margin-left: -2px;
2873
+ margin-left: 0;
2806
2874
  margin-right: -14px;
2807
2875
  padding-top: 4px;
2808
2876
  }
@@ -3101,7 +3169,7 @@
3101
3169
  }
3102
3170
  .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3103
3171
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3104
- padding: 9.5px 4px 14px 12px;
3172
+ padding: 11.5px 4px 14px 4px;
3105
3173
  }
3106
3174
 
3107
3175
  .e-grid-min-height .e-rowcell {
@@ -393,6 +393,26 @@
393
393
  .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
394
394
  font-size: 18px;
395
395
  }
396
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
397
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
398
+ padding: 2px 18px 5px 0;
399
+ }
400
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
401
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
402
+ width: 100%;
403
+ }
404
+ .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,
405
+ .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 {
406
+ margin: 0;
407
+ }
408
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
409
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
410
+ font-size: 17px;
411
+ }
412
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
413
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
414
+ padding-left: 0;
415
+ }
396
416
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
397
417
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
398
418
  padding-bottom: 5px;
@@ -402,6 +422,22 @@
402
422
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
403
423
  min-width: 38px;
404
424
  }
425
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
426
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
427
+ margin: 0;
428
+ min-width: 38px;
429
+ padding: 0;
430
+ }
431
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
432
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
433
+ font-size: 18px;
434
+ }
435
+ .e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
436
+ .e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
437
+ margin: 0;
438
+ min-width: 38px;
439
+ padding: 0;
440
+ }
405
441
  .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
406
442
  .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
407
443
  font-size: 16px;
@@ -877,19 +913,27 @@
877
913
  .e-grid.e-bigger span.e-ungroupbutton,
878
914
  .e-grid.e-bigger .e-toggleungroup {
879
915
  margin-left: -8px;
880
- margin-top: -14px;
916
+ margin-top: -4px;
881
917
  }
882
918
  .e-bigger .e-grid span.e-ungroupbutton.e-icons,
883
919
  .e-grid.e-bigger span.e-ungroupbutton.e-icons {
884
920
  font-size: 16px;
885
- margin-left: -18px;
886
- margin-top: -12px;
887
- margin-right: 8px;
921
+ margin-left: 0;
922
+ margin-top: -4px;
923
+ margin-right: 4px;
924
+ padding: 0 4px;
888
925
  }
889
- .e-bigger .e-grid .e-groupsort,
890
- .e-grid.e-bigger .e-groupsort {
926
+ .e-bigger .e-grid span.e-groupsort.e-icons,
927
+ .e-grid.e-bigger span.e-groupsort.e-icons {
891
928
  margin-right: 0;
892
- margin-top: -14px;
929
+ margin-top: -4px;
930
+ margin-left: 0;
931
+ padding: 0 4px;
932
+ }
933
+ .e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
934
+ .e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
935
+ margin-top: 0;
936
+ padding: 0 4px;
893
937
  }
894
938
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
895
939
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
@@ -899,11 +943,11 @@
899
943
  }
900
944
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
901
945
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
902
- margin-left: -13px;
903
- margin-right: -20px;
904
- margin-top: -6px;
946
+ margin-left: -9px;
947
+ margin-right: -6px;
948
+ margin-top: -4px;
905
949
  padding-top: 4px;
906
- padding-left: 12px;
950
+ padding-left: 8px;
907
951
  }
908
952
  .e-bigger .e-grid .e-groupcaption,
909
953
  .e-grid.e-bigger .e-groupcaption {
@@ -1075,6 +1119,10 @@
1075
1119
  .e-grid.e-rtl .e-dropitemscount {
1076
1120
  left: -6px !important;
1077
1121
  }
1122
+ .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1123
+ padding: 0;
1124
+ margin: 0;
1125
+ }
1078
1126
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
1079
1127
  border-top: 1px solid #edebe9;
1080
1128
  border-right: 1px solid #edebe9;
@@ -1131,6 +1179,14 @@
1131
1179
  border-top: 1px solid #edebe9;
1132
1180
  border-radius: 0;
1133
1181
  }
1182
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1183
+ padding: 0;
1184
+ min-width: 32px;
1185
+ margin-right: 0;
1186
+ }
1187
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1188
+ font-size: 14px;
1189
+ }
1134
1190
  .e-grid .e-res-toolbar {
1135
1191
  border-bottom: 1px solid;
1136
1192
  border-bottom-color: #edebe9;
@@ -1138,7 +1194,7 @@
1138
1194
  .e-grid .e-res-toolbar .e-toolbar-items {
1139
1195
  min-height: initial;
1140
1196
  }
1141
- .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 {
1197
+ .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 {
1142
1198
  background: none;
1143
1199
  }
1144
1200
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1179,13 +1235,25 @@
1179
1235
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1180
1236
  padding-left: 0;
1181
1237
  }
1238
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1239
+ margin: 0;
1240
+ }
1241
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
1242
+ font-size: 18px;
1243
+ }
1182
1244
  .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1183
1245
  padding-left: 26px;
1184
1246
  }
1247
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1248
+ margin: 0;
1249
+ }
1185
1250
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1186
1251
  padding-bottom: 6px;
1187
1252
  padding-top: 3px;
1188
1253
  }
1254
+ .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
1255
+ opacity: 1;
1256
+ }
1189
1257
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1190
1258
  margin-bottom: 0;
1191
1259
  opacity: 0.6;
@@ -2223,11 +2291,11 @@
2223
2291
  }
2224
2292
  .e-grid .e-groupsort {
2225
2293
  margin-right: 0;
2226
- margin-top: -4px;
2294
+ margin-top: -3px;
2227
2295
  }
2228
2296
  .e-grid span.e-ungroupbutton.e-icons {
2229
2297
  margin-left: -13px;
2230
- margin-top: 0;
2298
+ margin-top: 1px;
2231
2299
  padding-right: 12px;
2232
2300
  }
2233
2301
  .e-grid .e-grptogglebtn {
@@ -2802,7 +2870,7 @@
2802
2870
  margin-right: -8px;
2803
2871
  }
2804
2872
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
2805
- margin-left: -2px;
2873
+ margin-left: 0;
2806
2874
  margin-right: -14px;
2807
2875
  padding-top: 4px;
2808
2876
  }
@@ -3101,7 +3169,7 @@
3101
3169
  }
3102
3170
  .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3103
3171
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3104
- padding: 9.5px 4px 14px 12px;
3172
+ padding: 11.5px 4px 14px 4px;
3105
3173
  }
3106
3174
 
3107
3175
  .e-grid-min-height .e-rowcell {