@syncfusion/ej2-angular-grids 21.2.5 → 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 (48) hide show
  1. package/package.json +6 -6
  2. package/schematics/utils/lib-details.d.ts +2 -2
  3. package/schematics/utils/lib-details.js +2 -2
  4. package/schematics/utils/lib-details.ts +2 -2
  5. package/styles/bootstrap-dark.css +34 -3
  6. package/styles/bootstrap.css +34 -3
  7. package/styles/bootstrap4.css +37 -6
  8. package/styles/bootstrap5-dark.css +34 -3
  9. package/styles/bootstrap5.css +34 -3
  10. package/styles/fabric-dark.css +32 -1
  11. package/styles/fabric.css +32 -1
  12. package/styles/fluent-dark.css +36 -3
  13. package/styles/fluent.css +36 -3
  14. package/styles/grid/_bootstrap-dark-definition.scss +8 -3
  15. package/styles/grid/_bootstrap-definition.scss +8 -3
  16. package/styles/grid/_bootstrap4-definition.scss +9 -4
  17. package/styles/grid/_bootstrap5-definition.scss +8 -3
  18. package/styles/grid/_fabric-dark-definition.scss +7 -2
  19. package/styles/grid/_fabric-definition.scss +7 -2
  20. package/styles/grid/_fluent-definition.scss +8 -3
  21. package/styles/grid/_fusionnew-definition.scss +6 -2
  22. package/styles/grid/_highcontrast-definition.scss +7 -2
  23. package/styles/grid/_highcontrast-light-definition.scss +7 -2
  24. package/styles/grid/_layout.scss +40 -9
  25. package/styles/grid/_material-dark-definition.scss +7 -2
  26. package/styles/grid/_material-definition.scss +7 -2
  27. package/styles/grid/_tailwind-definition.scss +8 -3
  28. package/styles/grid/bootstrap-dark.css +34 -3
  29. package/styles/grid/bootstrap.css +34 -3
  30. package/styles/grid/bootstrap4.css +37 -6
  31. package/styles/grid/bootstrap5-dark.css +34 -3
  32. package/styles/grid/bootstrap5.css +34 -3
  33. package/styles/grid/fabric-dark.css +32 -1
  34. package/styles/grid/fabric.css +32 -1
  35. package/styles/grid/fluent-dark.css +36 -3
  36. package/styles/grid/fluent.css +36 -3
  37. package/styles/grid/highcontrast-light.css +32 -1
  38. package/styles/grid/highcontrast.css +32 -1
  39. package/styles/grid/material-dark.css +32 -1
  40. package/styles/grid/material.css +32 -1
  41. package/styles/grid/tailwind-dark.css +34 -4
  42. package/styles/grid/tailwind.css +34 -4
  43. package/styles/highcontrast-light.css +32 -1
  44. package/styles/highcontrast.css +32 -1
  45. package/styles/material-dark.css +32 -1
  46. package/styles/material.css +32 -1
  47. package/styles/tailwind-dark.css +34 -4
  48. package/styles/tailwind.css +34 -4
package/styles/grid/material-dark.css CHANGED
@@ -755,6 +755,10 @@
755
755
  padding: 0 8px 0 12px;
756
756
  font-size: 13px;
757
757
  }
758
+ .e-bigger .e-grid.e-device .e-groupheadercell,
759
+ .e-grid.e-bigger.e-device .e-groupheadercell {
760
+ padding: 0 8px 0 12px;
761
+ }
758
762
  .e-bigger .e-grid .e-groupheadercell:hover,
759
763
  .e-grid.e-bigger .e-groupheadercell:hover {
760
764
  padding: 0 8px 0 12px;
@@ -813,6 +817,7 @@
813
817
  .e-bigger .e-grid.e-device .e-groupheadercell span,
814
818
  .e-grid.e-bigger.e-device .e-groupheadercell span {
815
819
  line-height: 30px;
820
+ padding: 0;
816
821
  }
817
822
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
818
823
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -889,12 +894,21 @@
889
894
  margin-left: 0;
890
895
  margin-top: 0;
891
896
  margin-right: 0;
897
+ padding-top: 0;
898
+ }
899
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
900
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
901
+ margin-top: 0;
892
902
  }
893
903
  .e-bigger .e-grid span.e-groupsort.e-icons,
894
904
  .e-grid.e-bigger span.e-groupsort.e-icons {
895
905
  margin-right: 0;
896
906
  margin-top: 0;
897
907
  }
908
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
909
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
910
+ margin-top: 0;
911
+ }
898
912
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
899
913
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
900
914
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -906,7 +920,6 @@
906
920
  margin-left: 0;
907
921
  margin-right: 6px;
908
922
  margin-top: 0;
909
- padding-top: 0;
910
923
  padding-left: 0;
911
924
  }
912
925
  .e-bigger .e-grid .e-groupcaption,
@@ -1417,6 +1430,7 @@
1417
1430
  border-collapse: separate;
1418
1431
  table-layout: fixed;
1419
1432
  width: 100%;
1433
+ border-spacing: 0.25px;
1420
1434
  }
1421
1435
  .e-grid .e-tableborder {
1422
1436
  border-right: 1px solid;
@@ -1858,6 +1872,8 @@
1858
1872
  border-top-style: solid;
1859
1873
  border-top-width: 1px;
1860
1874
  padding: 0.3em;
1875
+ font-weight: normal;
1876
+ text-align: left;
1861
1877
  }
1862
1878
  .e-grid th.e-detailcell .e-rowcell,
1863
1879
  .e-grid th.e-detailcell .e-gridpager {
@@ -2272,6 +2288,7 @@
2272
2288
  .e-grid span.e-ungroupbutton.e-icons {
2273
2289
  margin-left: 6px;
2274
2290
  margin-top: 0;
2291
+ padding-top: 0;
2275
2292
  padding-right: 0;
2276
2293
  }
2277
2294
  .e-grid .e-grptogglebtn {
@@ -2847,6 +2864,7 @@
2847
2864
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2848
2865
  border-right-style: solid;
2849
2866
  border-right-width: 1px;
2867
+ text-align: right;
2850
2868
  }
2851
2869
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2852
2870
  float: left;
@@ -3189,6 +3207,10 @@
3189
3207
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3190
3208
  padding: 0;
3191
3209
  }
3210
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3211
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3212
+ padding: 0;
3213
+ }
3192
3214
 
3193
3215
  .e-grid-min-height .e-rowcell,
3194
3216
  .e-grid-min-height .e-icon-grightarrow,
@@ -3338,8 +3360,17 @@
3338
3360
  position: absolute;
3339
3361
  top: 6px;
3340
3362
  white-space: nowrap;
3363
+ text-overflow: ellipsis;
3364
+ overflow: hidden;
3341
3365
  width: 45%;
3342
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
+ }
3343
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],
3344
3375
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3345
3376
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/grid/material.css CHANGED
@@ -789,6 +789,10 @@
789
789
  padding: 0 8px 0 12px;
790
790
  font-size: 13px;
791
791
  }
792
+ .e-bigger .e-grid.e-device .e-groupheadercell,
793
+ .e-grid.e-bigger.e-device .e-groupheadercell {
794
+ padding: 0 8px 0 12px;
795
+ }
792
796
  .e-bigger .e-grid .e-groupheadercell:hover,
793
797
  .e-grid.e-bigger .e-groupheadercell:hover {
794
798
  padding: 0 8px 0 12px;
@@ -847,6 +851,7 @@
847
851
  .e-bigger .e-grid.e-device .e-groupheadercell span,
848
852
  .e-grid.e-bigger.e-device .e-groupheadercell span {
849
853
  line-height: 30px;
854
+ padding: 0;
850
855
  }
851
856
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
852
857
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -923,12 +928,21 @@
923
928
  margin-left: 0;
924
929
  margin-top: 0;
925
930
  margin-right: 0;
931
+ padding-top: 0;
932
+ }
933
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
934
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
935
+ margin-top: 0;
926
936
  }
927
937
  .e-bigger .e-grid span.e-groupsort.e-icons,
928
938
  .e-grid.e-bigger span.e-groupsort.e-icons {
929
939
  margin-right: 0;
930
940
  margin-top: 0;
931
941
  }
942
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
943
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
944
+ margin-top: 0;
945
+ }
932
946
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
933
947
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
934
948
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -940,7 +954,6 @@
940
954
  margin-left: 0;
941
955
  margin-right: 6px;
942
956
  margin-top: 0;
943
- padding-top: 0;
944
957
  padding-left: 0;
945
958
  }
946
959
  .e-bigger .e-grid .e-groupcaption,
@@ -1451,6 +1464,7 @@
1451
1464
  border-collapse: separate;
1452
1465
  table-layout: fixed;
1453
1466
  width: 100%;
1467
+ border-spacing: 0.25px;
1454
1468
  }
1455
1469
  .e-grid .e-tableborder {
1456
1470
  border-right: 1px solid;
@@ -1892,6 +1906,8 @@
1892
1906
  border-top-style: solid;
1893
1907
  border-top-width: 1px;
1894
1908
  padding: 0.3em;
1909
+ font-weight: normal;
1910
+ text-align: left;
1895
1911
  }
1896
1912
  .e-grid th.e-detailcell .e-rowcell,
1897
1913
  .e-grid th.e-detailcell .e-gridpager {
@@ -2306,6 +2322,7 @@
2306
2322
  .e-grid span.e-ungroupbutton.e-icons {
2307
2323
  margin-left: 6px;
2308
2324
  margin-top: 0;
2325
+ padding-top: 0;
2309
2326
  padding-right: 0;
2310
2327
  }
2311
2328
  .e-grid .e-grptogglebtn {
@@ -2881,6 +2898,7 @@
2881
2898
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2882
2899
  border-right-style: solid;
2883
2900
  border-right-width: 1px;
2901
+ text-align: right;
2884
2902
  }
2885
2903
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2886
2904
  float: left;
@@ -3223,6 +3241,10 @@
3223
3241
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3224
3242
  padding: 0;
3225
3243
  }
3244
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3245
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3246
+ padding: 0;
3247
+ }
3226
3248
 
3227
3249
  .e-grid-min-height .e-rowcell,
3228
3250
  .e-grid-min-height .e-icon-grightarrow,
@@ -3372,8 +3394,17 @@
3372
3394
  position: absolute;
3373
3395
  top: 6px;
3374
3396
  white-space: nowrap;
3397
+ text-overflow: ellipsis;
3398
+ overflow: hidden;
3375
3399
  width: 45%;
3376
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
+ }
3377
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],
3378
3409
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3379
3410
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/grid/tailwind-dark.css CHANGED
@@ -786,6 +786,10 @@
786
786
  padding: 6px 0;
787
787
  font-size: 16px;
788
788
  }
789
+ .e-bigger .e-grid.e-device .e-groupheadercell,
790
+ .e-grid.e-bigger.e-device .e-groupheadercell {
791
+ padding: 0;
792
+ }
789
793
  .e-bigger .e-grid .e-groupheadercell:hover,
790
794
  .e-grid.e-bigger .e-groupheadercell:hover {
791
795
  padding: 6px 0;
@@ -844,6 +848,7 @@
844
848
  .e-bigger .e-grid.e-device .e-groupheadercell span,
845
849
  .e-grid.e-bigger.e-device .e-groupheadercell span {
846
850
  line-height: 33px;
851
+ padding: 0 8px;
847
852
  }
848
853
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
849
854
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -920,6 +925,11 @@
920
925
  margin-left: 0;
921
926
  margin-top: 0;
922
927
  margin-right: 0;
928
+ padding-top: 0;
929
+ }
930
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
931
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
932
+ margin-top: 0;
923
933
  }
924
934
  .e-bigger .e-grid span.e-ungroupbutton.e-icons:hover,
925
935
  .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
@@ -930,6 +940,10 @@
930
940
  margin-right: 0;
931
941
  margin-top: 0;
932
942
  }
943
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
944
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
945
+ margin-top: 0;
946
+ }
933
947
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
934
948
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
935
949
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -941,7 +955,6 @@
941
955
  margin-left: -8px;
942
956
  margin-right: 0;
943
957
  margin-top: 0;
944
- padding-top: 1px;
945
958
  padding-left: 8px;
946
959
  }
947
960
  .e-bigger .e-grid .e-groupcaption,
@@ -1457,6 +1470,7 @@
1457
1470
  border-collapse: separate;
1458
1471
  table-layout: fixed;
1459
1472
  width: 100%;
1473
+ border-spacing: 0.25px;
1460
1474
  }
1461
1475
  .e-grid .e-tableborder {
1462
1476
  border-right: 1px solid;
@@ -1915,6 +1929,8 @@
1915
1929
  border-top-style: solid;
1916
1930
  border-top-width: 1px;
1917
1931
  padding: 0.3em;
1932
+ font-weight: normal;
1933
+ text-align: left;
1918
1934
  }
1919
1935
  .e-grid th.e-detailcell .e-rowcell,
1920
1936
  .e-grid th.e-detailcell .e-gridpager {
@@ -2332,9 +2348,9 @@
2332
2348
  }
2333
2349
  .e-grid span.e-ungroupbutton.e-icons {
2334
2350
  margin-left: -9px;
2335
- margin-top: 1px;
2351
+ margin-top: -2px;
2352
+ padding-top: 4px;
2336
2353
  padding-right: 8px;
2337
- padding-top: 1px;
2338
2354
  }
2339
2355
  .e-grid span.e-ungroupbutton.e-icons:hover {
2340
2356
  color: #374151;
@@ -2917,6 +2933,7 @@
2917
2933
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2918
2934
  border-right-style: solid;
2919
2935
  border-right-width: 1px;
2936
+ text-align: right;
2920
2937
  }
2921
2938
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2922
2939
  float: left;
@@ -2928,7 +2945,7 @@
2928
2945
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
2929
2946
  margin-left: 0;
2930
2947
  margin-right: -9px;
2931
- padding-top: 1px;
2948
+ padding-top: 4px;
2932
2949
  }
2933
2950
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
2934
2951
  border-width: 0 0 0 1px;
@@ -3263,6 +3280,10 @@
3263
3280
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3264
3281
  padding: 0 0 0 8px;
3265
3282
  }
3283
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3284
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3285
+ padding: 0 8px;
3286
+ }
3266
3287
 
3267
3288
  .e-grid-min-height .e-rowcell,
3268
3289
  .e-grid-min-height .e-icon-grightarrow,
@@ -3412,8 +3433,17 @@
3412
3433
  position: absolute;
3413
3434
  top: 6px;
3414
3435
  white-space: nowrap;
3436
+ text-overflow: ellipsis;
3437
+ overflow: hidden;
3415
3438
  width: 45%;
3416
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
+ }
3417
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],
3418
3448
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3419
3449
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/grid/tailwind.css CHANGED
@@ -786,6 +786,10 @@
786
786
  padding: 6px 0;
787
787
  font-size: 16px;
788
788
  }
789
+ .e-bigger .e-grid.e-device .e-groupheadercell,
790
+ .e-grid.e-bigger.e-device .e-groupheadercell {
791
+ padding: 0;
792
+ }
789
793
  .e-bigger .e-grid .e-groupheadercell:hover,
790
794
  .e-grid.e-bigger .e-groupheadercell:hover {
791
795
  padding: 6px 0;
@@ -844,6 +848,7 @@
844
848
  .e-bigger .e-grid.e-device .e-groupheadercell span,
845
849
  .e-grid.e-bigger.e-device .e-groupheadercell span {
846
850
  line-height: 33px;
851
+ padding: 0 8px;
847
852
  }
848
853
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
849
854
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -920,6 +925,11 @@
920
925
  margin-left: 0;
921
926
  margin-top: 0;
922
927
  margin-right: 0;
928
+ padding-top: 0;
929
+ }
930
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
931
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
932
+ margin-top: 0;
923
933
  }
924
934
  .e-bigger .e-grid span.e-ungroupbutton.e-icons:hover,
925
935
  .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
@@ -930,6 +940,10 @@
930
940
  margin-right: 0;
931
941
  margin-top: 0;
932
942
  }
943
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
944
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
945
+ margin-top: 0;
946
+ }
933
947
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
934
948
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
935
949
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -941,7 +955,6 @@
941
955
  margin-left: -8px;
942
956
  margin-right: 0;
943
957
  margin-top: 0;
944
- padding-top: 1px;
945
958
  padding-left: 8px;
946
959
  }
947
960
  .e-bigger .e-grid .e-groupcaption,
@@ -1457,6 +1470,7 @@
1457
1470
  border-collapse: separate;
1458
1471
  table-layout: fixed;
1459
1472
  width: 100%;
1473
+ border-spacing: 0.25px;
1460
1474
  }
1461
1475
  .e-grid .e-tableborder {
1462
1476
  border-right: 1px solid;
@@ -1915,6 +1929,8 @@
1915
1929
  border-top-style: solid;
1916
1930
  border-top-width: 1px;
1917
1931
  padding: 0.3em;
1932
+ font-weight: normal;
1933
+ text-align: left;
1918
1934
  }
1919
1935
  .e-grid th.e-detailcell .e-rowcell,
1920
1936
  .e-grid th.e-detailcell .e-gridpager {
@@ -2332,9 +2348,9 @@
2332
2348
  }
2333
2349
  .e-grid span.e-ungroupbutton.e-icons {
2334
2350
  margin-left: -9px;
2335
- margin-top: 1px;
2351
+ margin-top: -2px;
2352
+ padding-top: 4px;
2336
2353
  padding-right: 8px;
2337
- padding-top: 1px;
2338
2354
  }
2339
2355
  .e-grid span.e-ungroupbutton.e-icons:hover {
2340
2356
  color: #374151;
@@ -2917,6 +2933,7 @@
2917
2933
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2918
2934
  border-right-style: solid;
2919
2935
  border-right-width: 1px;
2936
+ text-align: right;
2920
2937
  }
2921
2938
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2922
2939
  float: left;
@@ -2928,7 +2945,7 @@
2928
2945
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
2929
2946
  margin-left: 0;
2930
2947
  margin-right: -9px;
2931
- padding-top: 1px;
2948
+ padding-top: 4px;
2932
2949
  }
2933
2950
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
2934
2951
  border-width: 0 0 0 1px;
@@ -3263,6 +3280,10 @@
3263
3280
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3264
3281
  padding: 0 0 0 8px;
3265
3282
  }
3283
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3284
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3285
+ padding: 0 8px;
3286
+ }
3266
3287
 
3267
3288
  .e-grid-min-height .e-rowcell,
3268
3289
  .e-grid-min-height .e-icon-grightarrow,
@@ -3412,8 +3433,17 @@
3412
3433
  position: absolute;
3413
3434
  top: 6px;
3414
3435
  white-space: nowrap;
3436
+ text-overflow: ellipsis;
3437
+ overflow: hidden;
3415
3438
  width: 45%;
3416
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
+ }
3417
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],
3418
3448
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3419
3449
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/highcontrast-light.css CHANGED
@@ -1132,6 +1132,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1132
1132
  padding: 1px 10px;
1133
1133
  font-size: 14px;
1134
1134
  }
1135
+ .e-bigger .e-grid.e-device .e-groupheadercell,
1136
+ .e-grid.e-bigger.e-device .e-groupheadercell {
1137
+ padding: 1px 10px;
1138
+ }
1135
1139
  .e-bigger .e-grid .e-groupheadercell:hover,
1136
1140
  .e-grid.e-bigger .e-groupheadercell:hover {
1137
1141
  padding: 0 9px;
@@ -1190,6 +1194,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1190
1194
  .e-bigger .e-grid.e-device .e-groupheadercell span,
1191
1195
  .e-grid.e-bigger.e-device .e-groupheadercell span {
1192
1196
  line-height: 30px;
1197
+ padding: 0;
1193
1198
  }
1194
1199
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
1195
1200
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -1266,12 +1271,21 @@ li.e-separator.e-menu-item.e-excel-separator {
1266
1271
  margin-left: 0;
1267
1272
  margin-top: 1px;
1268
1273
  margin-right: 0;
1274
+ padding-top: 0;
1275
+ }
1276
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1277
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
1278
+ margin-top: 1px;
1269
1279
  }
1270
1280
  .e-bigger .e-grid span.e-groupsort.e-icons,
1271
1281
  .e-grid.e-bigger span.e-groupsort.e-icons {
1272
1282
  margin-right: 10px;
1273
1283
  margin-top: 0;
1274
1284
  }
1285
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
1286
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
1287
+ margin-top: 0;
1288
+ }
1275
1289
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
1276
1290
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
1277
1291
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -1283,7 +1297,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1283
1297
  margin-left: 0;
1284
1298
  margin-right: 8px;
1285
1299
  margin-top: 0;
1286
- padding-top: 0;
1287
1300
  padding-left: 0;
1288
1301
  }
1289
1302
  .e-bigger .e-grid .e-groupcaption,
@@ -1794,6 +1807,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1794
1807
  border-collapse: separate;
1795
1808
  table-layout: fixed;
1796
1809
  width: 100%;
1810
+ border-spacing: 0.25px;
1797
1811
  }
1798
1812
  .e-grid .e-tableborder {
1799
1813
  border-right: 1px solid;
@@ -2235,6 +2249,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2235
2249
  border-top-style: solid;
2236
2250
  border-top-width: 1px;
2237
2251
  padding: 0.3em;
2252
+ font-weight: normal;
2253
+ text-align: left;
2238
2254
  }
2239
2255
  .e-grid th.e-detailcell .e-rowcell,
2240
2256
  .e-grid th.e-detailcell .e-gridpager {
@@ -2649,6 +2665,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2649
2665
  .e-grid span.e-ungroupbutton.e-icons {
2650
2666
  margin-left: 0;
2651
2667
  margin-top: 0;
2668
+ padding-top: 0;
2652
2669
  padding-right: 0;
2653
2670
  }
2654
2671
  .e-grid .e-grptogglebtn {
@@ -3224,6 +3241,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3224
3241
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
3225
3242
  border-right-style: solid;
3226
3243
  border-right-width: 1px;
3244
+ text-align: right;
3227
3245
  }
3228
3246
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
3229
3247
  float: left;
@@ -3566,6 +3584,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3566
3584
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3567
3585
  padding: 0;
3568
3586
  }
3587
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3588
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3589
+ padding: 0;
3590
+ }
3569
3591
 
3570
3592
  .e-grid-min-height .e-rowcell,
3571
3593
  .e-grid-min-height .e-icon-grightarrow,
@@ -3715,8 +3737,17 @@ li.e-separator.e-menu-item.e-excel-separator {
3715
3737
  position: absolute;
3716
3738
  top: 6px;
3717
3739
  white-space: nowrap;
3740
+ text-overflow: ellipsis;
3741
+ overflow: hidden;
3718
3742
  width: 45%;
3719
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
+ }
3720
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],
3721
3752
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3722
3753
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/highcontrast.css CHANGED
@@ -1132,6 +1132,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1132
1132
  padding: 1px 10px;
1133
1133
  font-size: 14px;
1134
1134
  }
1135
+ .e-bigger .e-grid.e-device .e-groupheadercell,
1136
+ .e-grid.e-bigger.e-device .e-groupheadercell {
1137
+ padding: 1px 10px;
1138
+ }
1135
1139
  .e-bigger .e-grid .e-groupheadercell:hover,
1136
1140
  .e-grid.e-bigger .e-groupheadercell:hover {
1137
1141
  padding: 0 9px;
@@ -1190,6 +1194,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1190
1194
  .e-bigger .e-grid.e-device .e-groupheadercell span,
1191
1195
  .e-grid.e-bigger.e-device .e-groupheadercell span {
1192
1196
  line-height: 30px;
1197
+ padding: 0;
1193
1198
  }
1194
1199
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
1195
1200
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -1266,12 +1271,21 @@ li.e-separator.e-menu-item.e-excel-separator {
1266
1271
  margin-left: 0;
1267
1272
  margin-top: 1px;
1268
1273
  margin-right: 0;
1274
+ padding-top: 0;
1275
+ }
1276
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1277
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
1278
+ margin-top: 1px;
1269
1279
  }
1270
1280
  .e-bigger .e-grid span.e-groupsort.e-icons,
1271
1281
  .e-grid.e-bigger span.e-groupsort.e-icons {
1272
1282
  margin-right: 10px;
1273
1283
  margin-top: 0;
1274
1284
  }
1285
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
1286
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
1287
+ margin-top: 0;
1288
+ }
1275
1289
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
1276
1290
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
1277
1291
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -1283,7 +1297,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1283
1297
  margin-left: 0;
1284
1298
  margin-right: 8px;
1285
1299
  margin-top: 0;
1286
- padding-top: 0;
1287
1300
  padding-left: 0;
1288
1301
  }
1289
1302
  .e-bigger .e-grid .e-groupcaption,
@@ -1794,6 +1807,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1794
1807
  border-collapse: separate;
1795
1808
  table-layout: fixed;
1796
1809
  width: 100%;
1810
+ border-spacing: 0.25px;
1797
1811
  }
1798
1812
  .e-grid .e-tableborder {
1799
1813
  border-right: 1px solid;
@@ -2235,6 +2249,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2235
2249
  border-top-style: solid;
2236
2250
  border-top-width: 1px;
2237
2251
  padding: 0.3em;
2252
+ font-weight: normal;
2253
+ text-align: left;
2238
2254
  }
2239
2255
  .e-grid th.e-detailcell .e-rowcell,
2240
2256
  .e-grid th.e-detailcell .e-gridpager {
@@ -2649,6 +2665,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2649
2665
  .e-grid span.e-ungroupbutton.e-icons {
2650
2666
  margin-left: 0;
2651
2667
  margin-top: 0;
2668
+ padding-top: 0;
2652
2669
  padding-right: 0;
2653
2670
  }
2654
2671
  .e-grid .e-grptogglebtn {
@@ -3224,6 +3241,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3224
3241
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
3225
3242
  border-right-style: solid;
3226
3243
  border-right-width: 1px;
3244
+ text-align: right;
3227
3245
  }
3228
3246
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
3229
3247
  float: left;
@@ -3566,6 +3584,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3566
3584
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3567
3585
  padding: 0;
3568
3586
  }
3587
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3588
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3589
+ padding: 0;
3590
+ }
3569
3591
 
3570
3592
  .e-grid-min-height .e-rowcell,
3571
3593
  .e-grid-min-height .e-icon-grightarrow,
@@ -3715,8 +3737,17 @@ li.e-separator.e-menu-item.e-excel-separator {
3715
3737
  position: absolute;
3716
3738
  top: 6px;
3717
3739
  white-space: nowrap;
3740
+ text-overflow: ellipsis;
3741
+ overflow: hidden;
3718
3742
  width: 45%;
3719
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
+ }
3720
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],
3721
3752
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3722
3753
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {