@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/grid/fluent.css CHANGED
@@ -929,6 +929,7 @@
929
929
  margin-left: 0;
930
930
  margin-top: -4px;
931
931
  margin-right: 4px;
932
+ padding-top: 0;
932
933
  padding: 0 4px;
933
934
  }
934
935
  .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
@@ -962,8 +963,9 @@
962
963
  margin-left: -9px;
963
964
  margin-right: -6px;
964
965
  margin-top: -4px;
965
- padding-top: 4px;
966
966
  padding-left: 8px;
967
+ margin-top: 0;
968
+ padding: 0 4px;
967
969
  }
968
970
  .e-bigger .e-grid .e-groupcaption,
969
971
  .e-grid.e-bigger .e-groupcaption {
@@ -1476,6 +1478,7 @@
1476
1478
  border-collapse: separate;
1477
1479
  table-layout: fixed;
1478
1480
  width: 100%;
1481
+ border-spacing: 0.25px;
1479
1482
  }
1480
1483
  .e-grid .e-tableborder {
1481
1484
  border-right: 1px solid;
@@ -1921,6 +1924,8 @@
1921
1924
  border-top-style: solid;
1922
1925
  border-top-width: 1px;
1923
1926
  padding: 0.3em;
1927
+ font-weight: normal;
1928
+ text-align: left;
1924
1929
  }
1925
1930
  .e-grid th.e-detailcell .e-rowcell,
1926
1931
  .e-grid th.e-detailcell .e-gridpager {
@@ -2338,7 +2343,8 @@
2338
2343
  }
2339
2344
  .e-grid span.e-ungroupbutton.e-icons {
2340
2345
  margin-left: -13px;
2341
- margin-top: 1px;
2346
+ margin-top: -3px;
2347
+ padding-top: 8px;
2342
2348
  padding-right: 12px;
2343
2349
  }
2344
2350
  .e-grid .e-grptogglebtn {
@@ -2915,6 +2921,7 @@
2915
2921
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2916
2922
  border-right-style: solid;
2917
2923
  border-right-width: 1px;
2924
+ text-align: right;
2918
2925
  }
2919
2926
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2920
2927
  float: left;
@@ -2926,7 +2933,7 @@
2926
2933
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
2927
2934
  margin-left: 0;
2928
2935
  margin-right: -14px;
2929
- padding-top: 4px;
2936
+ padding-top: 8px;
2930
2937
  }
2931
2938
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
2932
2939
  border-width: 0 0 0 1px;
@@ -3439,8 +3446,17 @@
3439
3446
  position: absolute;
3440
3447
  top: 6px;
3441
3448
  white-space: nowrap;
3449
+ text-overflow: ellipsis;
3450
+ overflow: hidden;
3442
3451
  width: 45%;
3443
3452
  }
3453
+ .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,
3454
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3455
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3456
+ line-height: 21px;
3457
+ white-space: normal;
3458
+ word-wrap: break-word;
3459
+ }
3444
3460
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3445
3461
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3446
3462
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/grid/highcontrast-light.css CHANGED
@@ -850,6 +850,7 @@
850
850
  margin-left: 0;
851
851
  margin-top: 1px;
852
852
  margin-right: 0;
853
+ padding-top: 0;
853
854
  }
854
855
  .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
855
856
  .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -875,7 +876,6 @@
875
876
  margin-left: 0;
876
877
  margin-right: 8px;
877
878
  margin-top: 0;
878
- padding-top: 0;
879
879
  padding-left: 0;
880
880
  }
881
881
  .e-bigger .e-grid .e-groupcaption,
@@ -1386,6 +1386,7 @@
1386
1386
  border-collapse: separate;
1387
1387
  table-layout: fixed;
1388
1388
  width: 100%;
1389
+ border-spacing: 0.25px;
1389
1390
  }
1390
1391
  .e-grid .e-tableborder {
1391
1392
  border-right: 1px solid;
@@ -1827,6 +1828,8 @@
1827
1828
  border-top-style: solid;
1828
1829
  border-top-width: 1px;
1829
1830
  padding: 0.3em;
1831
+ font-weight: normal;
1832
+ text-align: left;
1830
1833
  }
1831
1834
  .e-grid th.e-detailcell .e-rowcell,
1832
1835
  .e-grid th.e-detailcell .e-gridpager {
@@ -2241,6 +2244,7 @@
2241
2244
  .e-grid span.e-ungroupbutton.e-icons {
2242
2245
  margin-left: 0;
2243
2246
  margin-top: 0;
2247
+ padding-top: 0;
2244
2248
  padding-right: 0;
2245
2249
  }
2246
2250
  .e-grid .e-grptogglebtn {
@@ -2816,6 +2820,7 @@
2816
2820
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2817
2821
  border-right-style: solid;
2818
2822
  border-right-width: 1px;
2823
+ text-align: right;
2819
2824
  }
2820
2825
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2821
2826
  float: left;
@@ -3311,8 +3316,17 @@
3311
3316
  position: absolute;
3312
3317
  top: 6px;
3313
3318
  white-space: nowrap;
3319
+ text-overflow: ellipsis;
3320
+ overflow: hidden;
3314
3321
  width: 45%;
3315
3322
  }
3323
+ .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,
3324
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3325
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3326
+ line-height: 18px;
3327
+ white-space: normal;
3328
+ word-wrap: break-word;
3329
+ }
3316
3330
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3317
3331
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3318
3332
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/grid/highcontrast.css CHANGED
@@ -850,6 +850,7 @@
850
850
  margin-left: 0;
851
851
  margin-top: 1px;
852
852
  margin-right: 0;
853
+ padding-top: 0;
853
854
  }
854
855
  .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
855
856
  .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -875,7 +876,6 @@
875
876
  margin-left: 0;
876
877
  margin-right: 8px;
877
878
  margin-top: 0;
878
- padding-top: 0;
879
879
  padding-left: 0;
880
880
  }
881
881
  .e-bigger .e-grid .e-groupcaption,
@@ -1386,6 +1386,7 @@
1386
1386
  border-collapse: separate;
1387
1387
  table-layout: fixed;
1388
1388
  width: 100%;
1389
+ border-spacing: 0.25px;
1389
1390
  }
1390
1391
  .e-grid .e-tableborder {
1391
1392
  border-right: 1px solid;
@@ -1827,6 +1828,8 @@
1827
1828
  border-top-style: solid;
1828
1829
  border-top-width: 1px;
1829
1830
  padding: 0.3em;
1831
+ font-weight: normal;
1832
+ text-align: left;
1830
1833
  }
1831
1834
  .e-grid th.e-detailcell .e-rowcell,
1832
1835
  .e-grid th.e-detailcell .e-gridpager {
@@ -2241,6 +2244,7 @@
2241
2244
  .e-grid span.e-ungroupbutton.e-icons {
2242
2245
  margin-left: 0;
2243
2246
  margin-top: 0;
2247
+ padding-top: 0;
2244
2248
  padding-right: 0;
2245
2249
  }
2246
2250
  .e-grid .e-grptogglebtn {
@@ -2816,6 +2820,7 @@
2816
2820
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2817
2821
  border-right-style: solid;
2818
2822
  border-right-width: 1px;
2823
+ text-align: right;
2819
2824
  }
2820
2825
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2821
2826
  float: left;
@@ -3311,8 +3316,17 @@
3311
3316
  position: absolute;
3312
3317
  top: 6px;
3313
3318
  white-space: nowrap;
3319
+ text-overflow: ellipsis;
3320
+ overflow: hidden;
3314
3321
  width: 45%;
3315
3322
  }
3323
+ .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,
3324
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3325
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3326
+ line-height: 18px;
3327
+ white-space: normal;
3328
+ word-wrap: break-word;
3329
+ }
3316
3330
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3317
3331
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3318
3332
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/grid/material-dark.css CHANGED
@@ -894,6 +894,7 @@
894
894
  margin-left: 0;
895
895
  margin-top: 0;
896
896
  margin-right: 0;
897
+ padding-top: 0;
897
898
  }
898
899
  .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
899
900
  .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -919,7 +920,6 @@
919
920
  margin-left: 0;
920
921
  margin-right: 6px;
921
922
  margin-top: 0;
922
- padding-top: 0;
923
923
  padding-left: 0;
924
924
  }
925
925
  .e-bigger .e-grid .e-groupcaption,
@@ -1430,6 +1430,7 @@
1430
1430
  border-collapse: separate;
1431
1431
  table-layout: fixed;
1432
1432
  width: 100%;
1433
+ border-spacing: 0.25px;
1433
1434
  }
1434
1435
  .e-grid .e-tableborder {
1435
1436
  border-right: 1px solid;
@@ -1871,6 +1872,8 @@
1871
1872
  border-top-style: solid;
1872
1873
  border-top-width: 1px;
1873
1874
  padding: 0.3em;
1875
+ font-weight: normal;
1876
+ text-align: left;
1874
1877
  }
1875
1878
  .e-grid th.e-detailcell .e-rowcell,
1876
1879
  .e-grid th.e-detailcell .e-gridpager {
@@ -2285,6 +2288,7 @@
2285
2288
  .e-grid span.e-ungroupbutton.e-icons {
2286
2289
  margin-left: 6px;
2287
2290
  margin-top: 0;
2291
+ padding-top: 0;
2288
2292
  padding-right: 0;
2289
2293
  }
2290
2294
  .e-grid .e-grptogglebtn {
@@ -2860,6 +2864,7 @@
2860
2864
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2861
2865
  border-right-style: solid;
2862
2866
  border-right-width: 1px;
2867
+ text-align: right;
2863
2868
  }
2864
2869
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2865
2870
  float: left;
@@ -3355,8 +3360,17 @@
3355
3360
  position: absolute;
3356
3361
  top: 6px;
3357
3362
  white-space: nowrap;
3363
+ text-overflow: ellipsis;
3364
+ overflow: hidden;
3358
3365
  width: 45%;
3359
3366
  }
3367
+ .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,
3368
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3369
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3370
+ line-height: 18px;
3371
+ white-space: normal;
3372
+ word-wrap: break-word;
3373
+ }
3360
3374
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3361
3375
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3362
3376
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/grid/material.css CHANGED
@@ -928,6 +928,7 @@
928
928
  margin-left: 0;
929
929
  margin-top: 0;
930
930
  margin-right: 0;
931
+ padding-top: 0;
931
932
  }
932
933
  .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
933
934
  .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -953,7 +954,6 @@
953
954
  margin-left: 0;
954
955
  margin-right: 6px;
955
956
  margin-top: 0;
956
- padding-top: 0;
957
957
  padding-left: 0;
958
958
  }
959
959
  .e-bigger .e-grid .e-groupcaption,
@@ -1464,6 +1464,7 @@
1464
1464
  border-collapse: separate;
1465
1465
  table-layout: fixed;
1466
1466
  width: 100%;
1467
+ border-spacing: 0.25px;
1467
1468
  }
1468
1469
  .e-grid .e-tableborder {
1469
1470
  border-right: 1px solid;
@@ -1905,6 +1906,8 @@
1905
1906
  border-top-style: solid;
1906
1907
  border-top-width: 1px;
1907
1908
  padding: 0.3em;
1909
+ font-weight: normal;
1910
+ text-align: left;
1908
1911
  }
1909
1912
  .e-grid th.e-detailcell .e-rowcell,
1910
1913
  .e-grid th.e-detailcell .e-gridpager {
@@ -2319,6 +2322,7 @@
2319
2322
  .e-grid span.e-ungroupbutton.e-icons {
2320
2323
  margin-left: 6px;
2321
2324
  margin-top: 0;
2325
+ padding-top: 0;
2322
2326
  padding-right: 0;
2323
2327
  }
2324
2328
  .e-grid .e-grptogglebtn {
@@ -2894,6 +2898,7 @@
2894
2898
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2895
2899
  border-right-style: solid;
2896
2900
  border-right-width: 1px;
2901
+ text-align: right;
2897
2902
  }
2898
2903
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2899
2904
  float: left;
@@ -3389,8 +3394,17 @@
3389
3394
  position: absolute;
3390
3395
  top: 6px;
3391
3396
  white-space: nowrap;
3397
+ text-overflow: ellipsis;
3398
+ overflow: hidden;
3392
3399
  width: 45%;
3393
3400
  }
3401
+ .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,
3402
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3403
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3404
+ line-height: 18px;
3405
+ white-space: normal;
3406
+ word-wrap: break-word;
3407
+ }
3394
3408
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3395
3409
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3396
3410
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/grid/tailwind-dark.css CHANGED
@@ -925,6 +925,7 @@
925
925
  margin-left: 0;
926
926
  margin-top: 0;
927
927
  margin-right: 0;
928
+ padding-top: 0;
928
929
  }
929
930
  .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
930
931
  .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -954,7 +955,6 @@
954
955
  margin-left: -8px;
955
956
  margin-right: 0;
956
957
  margin-top: 0;
957
- padding-top: 1px;
958
958
  padding-left: 8px;
959
959
  }
960
960
  .e-bigger .e-grid .e-groupcaption,
@@ -1470,6 +1470,7 @@
1470
1470
  border-collapse: separate;
1471
1471
  table-layout: fixed;
1472
1472
  width: 100%;
1473
+ border-spacing: 0.25px;
1473
1474
  }
1474
1475
  .e-grid .e-tableborder {
1475
1476
  border-right: 1px solid;
@@ -1928,6 +1929,8 @@
1928
1929
  border-top-style: solid;
1929
1930
  border-top-width: 1px;
1930
1931
  padding: 0.3em;
1932
+ font-weight: normal;
1933
+ text-align: left;
1931
1934
  }
1932
1935
  .e-grid th.e-detailcell .e-rowcell,
1933
1936
  .e-grid th.e-detailcell .e-gridpager {
@@ -2345,9 +2348,9 @@
2345
2348
  }
2346
2349
  .e-grid span.e-ungroupbutton.e-icons {
2347
2350
  margin-left: -9px;
2348
- margin-top: 1px;
2351
+ margin-top: -2px;
2352
+ padding-top: 4px;
2349
2353
  padding-right: 8px;
2350
- padding-top: 1px;
2351
2354
  }
2352
2355
  .e-grid span.e-ungroupbutton.e-icons:hover {
2353
2356
  color: #374151;
@@ -2930,6 +2933,7 @@
2930
2933
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2931
2934
  border-right-style: solid;
2932
2935
  border-right-width: 1px;
2936
+ text-align: right;
2933
2937
  }
2934
2938
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2935
2939
  float: left;
@@ -2941,7 +2945,7 @@
2941
2945
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
2942
2946
  margin-left: 0;
2943
2947
  margin-right: -9px;
2944
- padding-top: 1px;
2948
+ padding-top: 4px;
2945
2949
  }
2946
2950
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
2947
2951
  border-width: 0 0 0 1px;
@@ -3429,8 +3433,17 @@
3429
3433
  position: absolute;
3430
3434
  top: 6px;
3431
3435
  white-space: nowrap;
3436
+ text-overflow: ellipsis;
3437
+ overflow: hidden;
3432
3438
  width: 45%;
3433
3439
  }
3440
+ .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,
3441
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3442
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3443
+ line-height: 21px;
3444
+ white-space: normal;
3445
+ word-wrap: break-word;
3446
+ }
3434
3447
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3435
3448
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3436
3449
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/grid/tailwind.css CHANGED
@@ -925,6 +925,7 @@
925
925
  margin-left: 0;
926
926
  margin-top: 0;
927
927
  margin-right: 0;
928
+ padding-top: 0;
928
929
  }
929
930
  .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
930
931
  .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -954,7 +955,6 @@
954
955
  margin-left: -8px;
955
956
  margin-right: 0;
956
957
  margin-top: 0;
957
- padding-top: 1px;
958
958
  padding-left: 8px;
959
959
  }
960
960
  .e-bigger .e-grid .e-groupcaption,
@@ -1470,6 +1470,7 @@
1470
1470
  border-collapse: separate;
1471
1471
  table-layout: fixed;
1472
1472
  width: 100%;
1473
+ border-spacing: 0.25px;
1473
1474
  }
1474
1475
  .e-grid .e-tableborder {
1475
1476
  border-right: 1px solid;
@@ -1928,6 +1929,8 @@
1928
1929
  border-top-style: solid;
1929
1930
  border-top-width: 1px;
1930
1931
  padding: 0.3em;
1932
+ font-weight: normal;
1933
+ text-align: left;
1931
1934
  }
1932
1935
  .e-grid th.e-detailcell .e-rowcell,
1933
1936
  .e-grid th.e-detailcell .e-gridpager {
@@ -2345,9 +2348,9 @@
2345
2348
  }
2346
2349
  .e-grid span.e-ungroupbutton.e-icons {
2347
2350
  margin-left: -9px;
2348
- margin-top: 1px;
2351
+ margin-top: -2px;
2352
+ padding-top: 4px;
2349
2353
  padding-right: 8px;
2350
- padding-top: 1px;
2351
2354
  }
2352
2355
  .e-grid span.e-ungroupbutton.e-icons:hover {
2353
2356
  color: #374151;
@@ -2930,6 +2933,7 @@
2930
2933
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2931
2934
  border-right-style: solid;
2932
2935
  border-right-width: 1px;
2936
+ text-align: right;
2933
2937
  }
2934
2938
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2935
2939
  float: left;
@@ -2941,7 +2945,7 @@
2941
2945
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
2942
2946
  margin-left: 0;
2943
2947
  margin-right: -9px;
2944
- padding-top: 1px;
2948
+ padding-top: 4px;
2945
2949
  }
2946
2950
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
2947
2951
  border-width: 0 0 0 1px;
@@ -3429,8 +3433,17 @@
3429
3433
  position: absolute;
3430
3434
  top: 6px;
3431
3435
  white-space: nowrap;
3436
+ text-overflow: ellipsis;
3437
+ overflow: hidden;
3432
3438
  width: 45%;
3433
3439
  }
3440
+ .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,
3441
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3442
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3443
+ line-height: 21px;
3444
+ white-space: normal;
3445
+ word-wrap: break-word;
3446
+ }
3434
3447
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3435
3448
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3436
3449
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/highcontrast-light.css CHANGED
@@ -1271,6 +1271,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1271
1271
  margin-left: 0;
1272
1272
  margin-top: 1px;
1273
1273
  margin-right: 0;
1274
+ padding-top: 0;
1274
1275
  }
1275
1276
  .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1276
1277
  .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1296,7 +1297,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1296
1297
  margin-left: 0;
1297
1298
  margin-right: 8px;
1298
1299
  margin-top: 0;
1299
- padding-top: 0;
1300
1300
  padding-left: 0;
1301
1301
  }
1302
1302
  .e-bigger .e-grid .e-groupcaption,
@@ -1807,6 +1807,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1807
1807
  border-collapse: separate;
1808
1808
  table-layout: fixed;
1809
1809
  width: 100%;
1810
+ border-spacing: 0.25px;
1810
1811
  }
1811
1812
  .e-grid .e-tableborder {
1812
1813
  border-right: 1px solid;
@@ -2248,6 +2249,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2248
2249
  border-top-style: solid;
2249
2250
  border-top-width: 1px;
2250
2251
  padding: 0.3em;
2252
+ font-weight: normal;
2253
+ text-align: left;
2251
2254
  }
2252
2255
  .e-grid th.e-detailcell .e-rowcell,
2253
2256
  .e-grid th.e-detailcell .e-gridpager {
@@ -2662,6 +2665,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2662
2665
  .e-grid span.e-ungroupbutton.e-icons {
2663
2666
  margin-left: 0;
2664
2667
  margin-top: 0;
2668
+ padding-top: 0;
2665
2669
  padding-right: 0;
2666
2670
  }
2667
2671
  .e-grid .e-grptogglebtn {
@@ -3237,6 +3241,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3237
3241
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
3238
3242
  border-right-style: solid;
3239
3243
  border-right-width: 1px;
3244
+ text-align: right;
3240
3245
  }
3241
3246
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
3242
3247
  float: left;
@@ -3732,8 +3737,17 @@ li.e-separator.e-menu-item.e-excel-separator {
3732
3737
  position: absolute;
3733
3738
  top: 6px;
3734
3739
  white-space: nowrap;
3740
+ text-overflow: ellipsis;
3741
+ overflow: hidden;
3735
3742
  width: 45%;
3736
3743
  }
3744
+ .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,
3745
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3746
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3747
+ line-height: 18px;
3748
+ white-space: normal;
3749
+ word-wrap: break-word;
3750
+ }
3737
3751
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3738
3752
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3739
3753
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/highcontrast.css CHANGED
@@ -1271,6 +1271,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1271
1271
  margin-left: 0;
1272
1272
  margin-top: 1px;
1273
1273
  margin-right: 0;
1274
+ padding-top: 0;
1274
1275
  }
1275
1276
  .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1276
1277
  .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1296,7 +1297,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1296
1297
  margin-left: 0;
1297
1298
  margin-right: 8px;
1298
1299
  margin-top: 0;
1299
- padding-top: 0;
1300
1300
  padding-left: 0;
1301
1301
  }
1302
1302
  .e-bigger .e-grid .e-groupcaption,
@@ -1807,6 +1807,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1807
1807
  border-collapse: separate;
1808
1808
  table-layout: fixed;
1809
1809
  width: 100%;
1810
+ border-spacing: 0.25px;
1810
1811
  }
1811
1812
  .e-grid .e-tableborder {
1812
1813
  border-right: 1px solid;
@@ -2248,6 +2249,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2248
2249
  border-top-style: solid;
2249
2250
  border-top-width: 1px;
2250
2251
  padding: 0.3em;
2252
+ font-weight: normal;
2253
+ text-align: left;
2251
2254
  }
2252
2255
  .e-grid th.e-detailcell .e-rowcell,
2253
2256
  .e-grid th.e-detailcell .e-gridpager {
@@ -2662,6 +2665,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2662
2665
  .e-grid span.e-ungroupbutton.e-icons {
2663
2666
  margin-left: 0;
2664
2667
  margin-top: 0;
2668
+ padding-top: 0;
2665
2669
  padding-right: 0;
2666
2670
  }
2667
2671
  .e-grid .e-grptogglebtn {
@@ -3237,6 +3241,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3237
3241
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
3238
3242
  border-right-style: solid;
3239
3243
  border-right-width: 1px;
3244
+ text-align: right;
3240
3245
  }
3241
3246
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
3242
3247
  float: left;
@@ -3732,8 +3737,17 @@ li.e-separator.e-menu-item.e-excel-separator {
3732
3737
  position: absolute;
3733
3738
  top: 6px;
3734
3739
  white-space: nowrap;
3740
+ text-overflow: ellipsis;
3741
+ overflow: hidden;
3735
3742
  width: 45%;
3736
3743
  }
3744
+ .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,
3745
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3746
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3747
+ line-height: 18px;
3748
+ white-space: normal;
3749
+ word-wrap: break-word;
3750
+ }
3737
3751
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3738
3752
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3739
3753
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/material-dark.css CHANGED
@@ -1321,6 +1321,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1321
1321
  margin-left: 0;
1322
1322
  margin-top: 0;
1323
1323
  margin-right: 0;
1324
+ padding-top: 0;
1324
1325
  }
1325
1326
  .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1326
1327
  .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1346,7 +1347,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1346
1347
  margin-left: 0;
1347
1348
  margin-right: 6px;
1348
1349
  margin-top: 0;
1349
- padding-top: 0;
1350
1350
  padding-left: 0;
1351
1351
  }
1352
1352
  .e-bigger .e-grid .e-groupcaption,
@@ -1857,6 +1857,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1857
1857
  border-collapse: separate;
1858
1858
  table-layout: fixed;
1859
1859
  width: 100%;
1860
+ border-spacing: 0.25px;
1860
1861
  }
1861
1862
  .e-grid .e-tableborder {
1862
1863
  border-right: 1px solid;
@@ -2298,6 +2299,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2298
2299
  border-top-style: solid;
2299
2300
  border-top-width: 1px;
2300
2301
  padding: 0.3em;
2302
+ font-weight: normal;
2303
+ text-align: left;
2301
2304
  }
2302
2305
  .e-grid th.e-detailcell .e-rowcell,
2303
2306
  .e-grid th.e-detailcell .e-gridpager {
@@ -2712,6 +2715,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2712
2715
  .e-grid span.e-ungroupbutton.e-icons {
2713
2716
  margin-left: 6px;
2714
2717
  margin-top: 0;
2718
+ padding-top: 0;
2715
2719
  padding-right: 0;
2716
2720
  }
2717
2721
  .e-grid .e-grptogglebtn {
@@ -3287,6 +3291,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3287
3291
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
3288
3292
  border-right-style: solid;
3289
3293
  border-right-width: 1px;
3294
+ text-align: right;
3290
3295
  }
3291
3296
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
3292
3297
  float: left;
@@ -3782,8 +3787,17 @@ li.e-separator.e-menu-item.e-excel-separator {
3782
3787
  position: absolute;
3783
3788
  top: 6px;
3784
3789
  white-space: nowrap;
3790
+ text-overflow: ellipsis;
3791
+ overflow: hidden;
3785
3792
  width: 45%;
3786
3793
  }
3794
+ .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,
3795
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3796
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3797
+ line-height: 18px;
3798
+ white-space: normal;
3799
+ word-wrap: break-word;
3800
+ }
3787
3801
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3788
3802
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3789
3803
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {