@syncfusion/ej2-react-grids 21.2.4 → 21.2.6

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 (34) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/ej2-react-grids.min.js +1 -1
  3. package/dist/ej2-react-grids.umd.min.js +1 -1
  4. package/package.json +7 -7
  5. package/styles/bootstrap-dark.css +17 -3
  6. package/styles/bootstrap.css +17 -3
  7. package/styles/bootstrap4.css +17 -4
  8. package/styles/bootstrap5-dark.css +17 -3
  9. package/styles/bootstrap5.css +17 -3
  10. package/styles/fabric-dark.css +15 -1
  11. package/styles/fabric.css +15 -1
  12. package/styles/fluent-dark.css +19 -3
  13. package/styles/fluent.css +19 -3
  14. package/styles/grid/bootstrap-dark.css +17 -3
  15. package/styles/grid/bootstrap.css +17 -3
  16. package/styles/grid/bootstrap4.css +17 -4
  17. package/styles/grid/bootstrap5-dark.css +17 -3
  18. package/styles/grid/bootstrap5.css +17 -3
  19. package/styles/grid/fabric-dark.css +15 -1
  20. package/styles/grid/fabric.css +15 -1
  21. package/styles/grid/fluent-dark.css +19 -3
  22. package/styles/grid/fluent.css +19 -3
  23. package/styles/grid/highcontrast-light.css +15 -1
  24. package/styles/grid/highcontrast.css +15 -1
  25. package/styles/grid/material-dark.css +15 -1
  26. package/styles/grid/material.css +15 -1
  27. package/styles/grid/tailwind-dark.css +17 -4
  28. package/styles/grid/tailwind.css +17 -4
  29. package/styles/highcontrast-light.css +15 -1
  30. package/styles/highcontrast.css +15 -1
  31. package/styles/material-dark.css +15 -1
  32. package/styles/material.css +15 -1
  33. package/styles/tailwind-dark.css +17 -4
  34. package/styles/tailwind.css +17 -4
package/styles/material.css CHANGED
@@ -1363,6 +1363,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1363
1363
  margin-left: 0;
1364
1364
  margin-top: 0;
1365
1365
  margin-right: 0;
1366
+ padding-top: 0;
1366
1367
  }
1367
1368
  .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1368
1369
  .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1388,7 +1389,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1388
1389
  margin-left: 0;
1389
1390
  margin-right: 6px;
1390
1391
  margin-top: 0;
1391
- padding-top: 0;
1392
1392
  padding-left: 0;
1393
1393
  }
1394
1394
  .e-bigger .e-grid .e-groupcaption,
@@ -1899,6 +1899,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1899
1899
  border-collapse: separate;
1900
1900
  table-layout: fixed;
1901
1901
  width: 100%;
1902
+ border-spacing: 0.25px;
1902
1903
  }
1903
1904
  .e-grid .e-tableborder {
1904
1905
  border-right: 1px solid;
@@ -2340,6 +2341,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2340
2341
  border-top-style: solid;
2341
2342
  border-top-width: 1px;
2342
2343
  padding: 0.3em;
2344
+ font-weight: normal;
2345
+ text-align: left;
2343
2346
  }
2344
2347
  .e-grid th.e-detailcell .e-rowcell,
2345
2348
  .e-grid th.e-detailcell .e-gridpager {
@@ -2754,6 +2757,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2754
2757
  .e-grid span.e-ungroupbutton.e-icons {
2755
2758
  margin-left: 6px;
2756
2759
  margin-top: 0;
2760
+ padding-top: 0;
2757
2761
  padding-right: 0;
2758
2762
  }
2759
2763
  .e-grid .e-grptogglebtn {
@@ -3329,6 +3333,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3329
3333
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
3330
3334
  border-right-style: solid;
3331
3335
  border-right-width: 1px;
3336
+ text-align: right;
3332
3337
  }
3333
3338
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
3334
3339
  float: left;
@@ -3824,8 +3829,17 @@ li.e-separator.e-menu-item.e-excel-separator {
3824
3829
  position: absolute;
3825
3830
  top: 6px;
3826
3831
  white-space: nowrap;
3832
+ text-overflow: ellipsis;
3833
+ overflow: hidden;
3827
3834
  width: 45%;
3828
3835
  }
3836
+ .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
3837
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3838
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3839
+ line-height: 18px;
3840
+ white-space: normal;
3841
+ word-wrap: break-word;
3842
+ }
3829
3843
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3830
3844
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3831
3845
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/tailwind-dark.css CHANGED
@@ -1350,6 +1350,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1350
1350
  margin-left: 0;
1351
1351
  margin-top: 0;
1352
1352
  margin-right: 0;
1353
+ padding-top: 0;
1353
1354
  }
1354
1355
  .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1355
1356
  .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1379,7 +1380,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1379
1380
  margin-left: -8px;
1380
1381
  margin-right: 0;
1381
1382
  margin-top: 0;
1382
- padding-top: 1px;
1383
1383
  padding-left: 8px;
1384
1384
  }
1385
1385
  .e-bigger .e-grid .e-groupcaption,
@@ -1895,6 +1895,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1895
1895
  border-collapse: separate;
1896
1896
  table-layout: fixed;
1897
1897
  width: 100%;
1898
+ border-spacing: 0.25px;
1898
1899
  }
1899
1900
  .e-grid .e-tableborder {
1900
1901
  border-right: 1px solid;
@@ -2353,6 +2354,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2353
2354
  border-top-style: solid;
2354
2355
  border-top-width: 1px;
2355
2356
  padding: 0.3em;
2357
+ font-weight: normal;
2358
+ text-align: left;
2356
2359
  }
2357
2360
  .e-grid th.e-detailcell .e-rowcell,
2358
2361
  .e-grid th.e-detailcell .e-gridpager {
@@ -2770,9 +2773,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2770
2773
  }
2771
2774
  .e-grid span.e-ungroupbutton.e-icons {
2772
2775
  margin-left: -9px;
2773
- margin-top: 1px;
2776
+ margin-top: -2px;
2777
+ padding-top: 4px;
2774
2778
  padding-right: 8px;
2775
- padding-top: 1px;
2776
2779
  }
2777
2780
  .e-grid span.e-ungroupbutton.e-icons:hover {
2778
2781
  color: #374151;
@@ -3355,6 +3358,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3355
3358
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
3356
3359
  border-right-style: solid;
3357
3360
  border-right-width: 1px;
3361
+ text-align: right;
3358
3362
  }
3359
3363
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
3360
3364
  float: left;
@@ -3366,7 +3370,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3366
3370
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
3367
3371
  margin-left: 0;
3368
3372
  margin-right: -9px;
3369
- padding-top: 1px;
3373
+ padding-top: 4px;
3370
3374
  }
3371
3375
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3372
3376
  border-width: 0 0 0 1px;
@@ -3854,8 +3858,17 @@ li.e-separator.e-menu-item.e-excel-separator {
3854
3858
  position: absolute;
3855
3859
  top: 6px;
3856
3860
  white-space: nowrap;
3861
+ text-overflow: ellipsis;
3862
+ overflow: hidden;
3857
3863
  width: 45%;
3858
3864
  }
3865
+ .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
3866
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3867
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3868
+ line-height: 21px;
3869
+ white-space: normal;
3870
+ word-wrap: break-word;
3871
+ }
3859
3872
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3860
3873
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3861
3874
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/tailwind.css CHANGED
@@ -1350,6 +1350,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1350
1350
  margin-left: 0;
1351
1351
  margin-top: 0;
1352
1352
  margin-right: 0;
1353
+ padding-top: 0;
1353
1354
  }
1354
1355
  .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1355
1356
  .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1379,7 +1380,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1379
1380
  margin-left: -8px;
1380
1381
  margin-right: 0;
1381
1382
  margin-top: 0;
1382
- padding-top: 1px;
1383
1383
  padding-left: 8px;
1384
1384
  }
1385
1385
  .e-bigger .e-grid .e-groupcaption,
@@ -1895,6 +1895,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1895
1895
  border-collapse: separate;
1896
1896
  table-layout: fixed;
1897
1897
  width: 100%;
1898
+ border-spacing: 0.25px;
1898
1899
  }
1899
1900
  .e-grid .e-tableborder {
1900
1901
  border-right: 1px solid;
@@ -2353,6 +2354,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2353
2354
  border-top-style: solid;
2354
2355
  border-top-width: 1px;
2355
2356
  padding: 0.3em;
2357
+ font-weight: normal;
2358
+ text-align: left;
2356
2359
  }
2357
2360
  .e-grid th.e-detailcell .e-rowcell,
2358
2361
  .e-grid th.e-detailcell .e-gridpager {
@@ -2770,9 +2773,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2770
2773
  }
2771
2774
  .e-grid span.e-ungroupbutton.e-icons {
2772
2775
  margin-left: -9px;
2773
- margin-top: 1px;
2776
+ margin-top: -2px;
2777
+ padding-top: 4px;
2774
2778
  padding-right: 8px;
2775
- padding-top: 1px;
2776
2779
  }
2777
2780
  .e-grid span.e-ungroupbutton.e-icons:hover {
2778
2781
  color: #374151;
@@ -3355,6 +3358,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3355
3358
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
3356
3359
  border-right-style: solid;
3357
3360
  border-right-width: 1px;
3361
+ text-align: right;
3358
3362
  }
3359
3363
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
3360
3364
  float: left;
@@ -3366,7 +3370,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3366
3370
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
3367
3371
  margin-left: 0;
3368
3372
  margin-right: -9px;
3369
- padding-top: 1px;
3373
+ padding-top: 4px;
3370
3374
  }
3371
3375
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3372
3376
  border-width: 0 0 0 1px;
@@ -3854,8 +3858,17 @@ li.e-separator.e-menu-item.e-excel-separator {
3854
3858
  position: absolute;
3855
3859
  top: 6px;
3856
3860
  white-space: nowrap;
3861
+ text-overflow: ellipsis;
3862
+ overflow: hidden;
3857
3863
  width: 45%;
3858
3864
  }
3865
+ .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
3866
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3867
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3868
+ line-height: 21px;
3869
+ white-space: normal;
3870
+ word-wrap: break-word;
3871
+ }
3859
3872
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3860
3873
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3861
3874
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {