@syncfusion/ej2-react-grids 20.1.59 → 20.2.36

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 (78) hide show
  1. package/CHANGELOG.md +10 -73
  2. package/dist/ej2-react-grids.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +66 -691
  5. package/styles/bootstrap-dark.scss +0 -1
  6. package/styles/bootstrap.css +66 -691
  7. package/styles/bootstrap.scss +0 -1
  8. package/styles/bootstrap4.css +63 -690
  9. package/styles/bootstrap4.scss +0 -1
  10. package/styles/bootstrap5-dark.css +65 -727
  11. package/styles/bootstrap5-dark.scss +0 -1
  12. package/styles/bootstrap5.css +65 -727
  13. package/styles/bootstrap5.scss +0 -1
  14. package/styles/fabric-dark.css +63 -690
  15. package/styles/fabric-dark.scss +0 -1
  16. package/styles/fabric.css +63 -690
  17. package/styles/fabric.scss +0 -1
  18. package/styles/fluent-dark.css +84 -705
  19. package/styles/fluent-dark.scss +0 -1
  20. package/styles/fluent.css +84 -705
  21. package/styles/fluent.scss +0 -1
  22. package/styles/grid/bootstrap-dark.css +66 -4
  23. package/styles/grid/bootstrap.css +66 -4
  24. package/styles/grid/bootstrap4.css +63 -3
  25. package/styles/grid/bootstrap5-dark.css +65 -5
  26. package/styles/grid/bootstrap5.css +65 -5
  27. package/styles/grid/fabric-dark.css +63 -3
  28. package/styles/grid/fabric.css +63 -3
  29. package/styles/grid/fluent-dark.css +84 -16
  30. package/styles/grid/fluent.css +84 -16
  31. package/styles/grid/highcontrast-light.css +63 -3
  32. package/styles/grid/highcontrast.css +63 -3
  33. package/styles/grid/material-dark.css +63 -3
  34. package/styles/grid/material.css +63 -3
  35. package/styles/grid/tailwind-dark.css +64 -4
  36. package/styles/grid/tailwind.css +64 -4
  37. package/styles/highcontrast-light.css +63 -690
  38. package/styles/highcontrast-light.scss +0 -1
  39. package/styles/highcontrast.css +63 -690
  40. package/styles/highcontrast.scss +0 -1
  41. package/styles/material-dark.css +63 -690
  42. package/styles/material-dark.scss +0 -1
  43. package/styles/material.css +63 -690
  44. package/styles/material.scss +0 -1
  45. package/styles/tailwind-dark.css +64 -818
  46. package/styles/tailwind-dark.scss +0 -1
  47. package/styles/tailwind.css +64 -818
  48. package/styles/tailwind.scss +0 -1
  49. package/styles/pager/bootstrap-dark.css +0 -686
  50. package/styles/pager/bootstrap-dark.scss +0 -1
  51. package/styles/pager/bootstrap.css +0 -686
  52. package/styles/pager/bootstrap.scss +0 -1
  53. package/styles/pager/bootstrap4.css +0 -686
  54. package/styles/pager/bootstrap4.scss +0 -1
  55. package/styles/pager/bootstrap5-dark.css +0 -721
  56. package/styles/pager/bootstrap5-dark.scss +0 -1
  57. package/styles/pager/bootstrap5.css +0 -721
  58. package/styles/pager/bootstrap5.scss +0 -1
  59. package/styles/pager/fabric-dark.css +0 -686
  60. package/styles/pager/fabric-dark.scss +0 -1
  61. package/styles/pager/fabric.css +0 -686
  62. package/styles/pager/fabric.scss +0 -1
  63. package/styles/pager/fluent-dark.css +0 -688
  64. package/styles/pager/fluent-dark.scss +0 -1
  65. package/styles/pager/fluent.css +0 -688
  66. package/styles/pager/fluent.scss +0 -1
  67. package/styles/pager/highcontrast-light.css +0 -686
  68. package/styles/pager/highcontrast-light.scss +0 -1
  69. package/styles/pager/highcontrast.css +0 -686
  70. package/styles/pager/highcontrast.scss +0 -1
  71. package/styles/pager/material-dark.css +0 -687
  72. package/styles/pager/material-dark.scss +0 -1
  73. package/styles/pager/material.css +0 -687
  74. package/styles/pager/material.scss +0 -1
  75. package/styles/pager/tailwind-dark.css +0 -813
  76. package/styles/pager/tailwind-dark.scss +0 -1
  77. package/styles/pager/tailwind.css +0 -813
  78. package/styles/pager/tailwind.scss +0 -1
package/styles/grid/tailwind.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 #e5e7eb;
1077
1117
  border-right: 1px solid #e5e7eb;
@@ -1128,6 +1168,14 @@
1128
1168
  border-top: 1px solid #e5e7eb;
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: #e5e7eb;
@@ -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
  }