@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/fabric-dark.css CHANGED
@@ -714,6 +714,10 @@
714
714
  padding: 0 10px;
715
715
  font-size: 14px;
716
716
  }
717
+ .e-bigger .e-grid.e-device .e-groupheadercell,
718
+ .e-grid.e-bigger.e-device .e-groupheadercell {
719
+ padding: 0 10px;
720
+ }
717
721
  .e-bigger .e-grid .e-groupheadercell:hover,
718
722
  .e-grid.e-bigger .e-groupheadercell:hover {
719
723
  padding: 0 10px;
@@ -772,6 +776,7 @@
772
776
  .e-bigger .e-grid.e-device .e-groupheadercell span,
773
777
  .e-grid.e-bigger.e-device .e-groupheadercell span {
774
778
  line-height: 30px;
779
+ padding: 0;
775
780
  }
776
781
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
777
782
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -848,12 +853,21 @@
848
853
  margin-left: 0;
849
854
  margin-top: 1px;
850
855
  margin-right: 0;
856
+ padding-top: 0;
857
+ }
858
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
859
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
860
+ margin-top: 1px;
851
861
  }
852
862
  .e-bigger .e-grid span.e-groupsort.e-icons,
853
863
  .e-grid.e-bigger span.e-groupsort.e-icons {
854
864
  margin-right: 10px;
855
865
  margin-top: 0;
856
866
  }
867
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
868
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
869
+ margin-top: 0;
870
+ }
857
871
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
858
872
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
859
873
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -865,7 +879,6 @@
865
879
  margin-left: 0;
866
880
  margin-right: 8px;
867
881
  margin-top: 0;
868
- padding-top: 0;
869
882
  padding-left: 0;
870
883
  }
871
884
  .e-bigger .e-grid .e-groupcaption,
@@ -1376,6 +1389,7 @@
1376
1389
  border-collapse: separate;
1377
1390
  table-layout: fixed;
1378
1391
  width: 100%;
1392
+ border-spacing: 0.25px;
1379
1393
  }
1380
1394
  .e-grid .e-tableborder {
1381
1395
  border-right: 1px solid;
@@ -1817,6 +1831,8 @@
1817
1831
  border-top-style: solid;
1818
1832
  border-top-width: 1px;
1819
1833
  padding: 0.3em;
1834
+ font-weight: normal;
1835
+ text-align: left;
1820
1836
  }
1821
1837
  .e-grid th.e-detailcell .e-rowcell,
1822
1838
  .e-grid th.e-detailcell .e-gridpager {
@@ -2231,6 +2247,7 @@
2231
2247
  .e-grid span.e-ungroupbutton.e-icons {
2232
2248
  margin-left: 0;
2233
2249
  margin-top: 0;
2250
+ padding-top: 0;
2234
2251
  padding-right: 0;
2235
2252
  }
2236
2253
  .e-grid .e-grptogglebtn {
@@ -2806,6 +2823,7 @@
2806
2823
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2807
2824
  border-right-style: solid;
2808
2825
  border-right-width: 1px;
2826
+ text-align: right;
2809
2827
  }
2810
2828
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2811
2829
  float: left;
@@ -3148,6 +3166,10 @@
3148
3166
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3149
3167
  padding: 0;
3150
3168
  }
3169
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3170
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3171
+ padding: 0;
3172
+ }
3151
3173
 
3152
3174
  .e-grid-min-height .e-rowcell,
3153
3175
  .e-grid-min-height .e-icon-grightarrow,
@@ -3297,8 +3319,17 @@
3297
3319
  position: absolute;
3298
3320
  top: 6px;
3299
3321
  white-space: nowrap;
3322
+ text-overflow: ellipsis;
3323
+ overflow: hidden;
3300
3324
  width: 45%;
3301
3325
  }
3326
+ .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,
3327
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3328
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3329
+ line-height: 18px;
3330
+ white-space: normal;
3331
+ word-wrap: break-word;
3332
+ }
3302
3333
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3303
3334
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3304
3335
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/grid/fabric.css CHANGED
@@ -707,6 +707,10 @@
707
707
  padding: 0 10px;
708
708
  font-size: 14px;
709
709
  }
710
+ .e-bigger .e-grid.e-device .e-groupheadercell,
711
+ .e-grid.e-bigger.e-device .e-groupheadercell {
712
+ padding: 0 10px;
713
+ }
710
714
  .e-bigger .e-grid .e-groupheadercell:hover,
711
715
  .e-grid.e-bigger .e-groupheadercell:hover {
712
716
  padding: 0 10px;
@@ -765,6 +769,7 @@
765
769
  .e-bigger .e-grid.e-device .e-groupheadercell span,
766
770
  .e-grid.e-bigger.e-device .e-groupheadercell span {
767
771
  line-height: 30px;
772
+ padding: 0;
768
773
  }
769
774
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
770
775
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -841,12 +846,21 @@
841
846
  margin-left: 0;
842
847
  margin-top: 0;
843
848
  margin-right: 0;
849
+ padding-top: 0;
850
+ }
851
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
852
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
853
+ margin-top: 0;
844
854
  }
845
855
  .e-bigger .e-grid span.e-groupsort.e-icons,
846
856
  .e-grid.e-bigger span.e-groupsort.e-icons {
847
857
  margin-right: 10px;
848
858
  margin-top: 0;
849
859
  }
860
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
861
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
862
+ margin-top: 0;
863
+ }
850
864
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
851
865
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
852
866
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -858,7 +872,6 @@
858
872
  margin-left: 0;
859
873
  margin-right: 8px;
860
874
  margin-top: 0;
861
- padding-top: 0;
862
875
  padding-left: 0;
863
876
  }
864
877
  .e-bigger .e-grid .e-groupcaption,
@@ -1369,6 +1382,7 @@
1369
1382
  border-collapse: separate;
1370
1383
  table-layout: fixed;
1371
1384
  width: 100%;
1385
+ border-spacing: 0.25px;
1372
1386
  }
1373
1387
  .e-grid .e-tableborder {
1374
1388
  border-right: 1px solid;
@@ -1810,6 +1824,8 @@
1810
1824
  border-top-style: solid;
1811
1825
  border-top-width: 1px;
1812
1826
  padding: 0.3em;
1827
+ font-weight: normal;
1828
+ text-align: left;
1813
1829
  }
1814
1830
  .e-grid th.e-detailcell .e-rowcell,
1815
1831
  .e-grid th.e-detailcell .e-gridpager {
@@ -2224,6 +2240,7 @@
2224
2240
  .e-grid span.e-ungroupbutton.e-icons {
2225
2241
  margin-left: 0;
2226
2242
  margin-top: 0;
2243
+ padding-top: 0;
2227
2244
  padding-right: 0;
2228
2245
  }
2229
2246
  .e-grid .e-grptogglebtn {
@@ -2799,6 +2816,7 @@
2799
2816
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2800
2817
  border-right-style: solid;
2801
2818
  border-right-width: 1px;
2819
+ text-align: right;
2802
2820
  }
2803
2821
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2804
2822
  float: left;
@@ -3141,6 +3159,10 @@
3141
3159
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3142
3160
  padding: 0;
3143
3161
  }
3162
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3163
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3164
+ padding: 0;
3165
+ }
3144
3166
 
3145
3167
  .e-grid-min-height .e-rowcell,
3146
3168
  .e-grid-min-height .e-icon-grightarrow,
@@ -3290,8 +3312,17 @@
3290
3312
  position: absolute;
3291
3313
  top: 6px;
3292
3314
  white-space: nowrap;
3315
+ text-overflow: ellipsis;
3316
+ overflow: hidden;
3293
3317
  width: 45%;
3294
3318
  }
3319
+ .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,
3320
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3321
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3322
+ line-height: 18px;
3323
+ white-space: normal;
3324
+ word-wrap: break-word;
3325
+ }
3295
3326
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3296
3327
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3297
3328
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/grid/fluent-dark.css CHANGED
@@ -790,6 +790,10 @@
790
790
  padding: 6px 0;
791
791
  font-size: 16px;
792
792
  }
793
+ .e-bigger .e-grid.e-device .e-groupheadercell,
794
+ .e-grid.e-bigger.e-device .e-groupheadercell {
795
+ padding: 0;
796
+ }
793
797
  .e-bigger .e-grid .e-groupheadercell:hover,
794
798
  .e-grid.e-bigger .e-groupheadercell:hover {
795
799
  padding: 6px 0;
@@ -848,6 +852,7 @@
848
852
  .e-bigger .e-grid.e-device .e-groupheadercell span,
849
853
  .e-grid.e-bigger.e-device .e-groupheadercell span {
850
854
  line-height: 33px;
855
+ padding: 0 8px;
851
856
  }
852
857
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
853
858
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -924,8 +929,13 @@
924
929
  margin-left: 0;
925
930
  margin-top: -4px;
926
931
  margin-right: 4px;
932
+ padding-top: 0;
927
933
  padding: 0 4px;
928
934
  }
935
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
936
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
937
+ margin-top: 0;
938
+ }
929
939
  .e-bigger .e-grid span.e-groupsort.e-icons,
930
940
  .e-grid.e-bigger span.e-groupsort.e-icons {
931
941
  margin-right: 0;
@@ -933,6 +943,10 @@
933
943
  margin-left: 0;
934
944
  padding: 0 4px;
935
945
  }
946
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
947
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
948
+ margin-top: 0;
949
+ }
936
950
  .e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
937
951
  .e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
938
952
  margin-top: 0;
@@ -949,8 +963,9 @@
949
963
  margin-left: -9px;
950
964
  margin-right: -6px;
951
965
  margin-top: -4px;
952
- padding-top: 4px;
953
966
  padding-left: 8px;
967
+ margin-top: 0;
968
+ padding: 0 4px;
954
969
  }
955
970
  .e-bigger .e-grid .e-groupcaption,
956
971
  .e-grid.e-bigger .e-groupcaption {
@@ -1463,6 +1478,7 @@
1463
1478
  border-collapse: separate;
1464
1479
  table-layout: fixed;
1465
1480
  width: 100%;
1481
+ border-spacing: 0.25px;
1466
1482
  }
1467
1483
  .e-grid .e-tableborder {
1468
1484
  border-right: 1px solid;
@@ -1908,6 +1924,8 @@
1908
1924
  border-top-style: solid;
1909
1925
  border-top-width: 1px;
1910
1926
  padding: 0.3em;
1927
+ font-weight: normal;
1928
+ text-align: left;
1911
1929
  }
1912
1930
  .e-grid th.e-detailcell .e-rowcell,
1913
1931
  .e-grid th.e-detailcell .e-gridpager {
@@ -2325,7 +2343,8 @@
2325
2343
  }
2326
2344
  .e-grid span.e-ungroupbutton.e-icons {
2327
2345
  margin-left: -13px;
2328
- margin-top: 1px;
2346
+ margin-top: -3px;
2347
+ padding-top: 8px;
2329
2348
  padding-right: 12px;
2330
2349
  }
2331
2350
  .e-grid .e-grptogglebtn {
@@ -2902,6 +2921,7 @@
2902
2921
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2903
2922
  border-right-style: solid;
2904
2923
  border-right-width: 1px;
2924
+ text-align: right;
2905
2925
  }
2906
2926
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2907
2927
  float: left;
@@ -2913,7 +2933,7 @@
2913
2933
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
2914
2934
  margin-left: 0;
2915
2935
  margin-right: -14px;
2916
- padding-top: 4px;
2936
+ padding-top: 8px;
2917
2937
  }
2918
2938
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
2919
2939
  border-width: 0 0 0 1px;
@@ -3252,6 +3272,10 @@
3252
3272
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3253
3273
  padding: 11.5px 4px 14px 4px;
3254
3274
  }
3275
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3276
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3277
+ padding: 0 8px;
3278
+ }
3255
3279
 
3256
3280
  .e-grid-min-height .e-rowcell,
3257
3281
  .e-grid-min-height .e-icon-grightarrow,
@@ -3422,8 +3446,17 @@
3422
3446
  position: absolute;
3423
3447
  top: 6px;
3424
3448
  white-space: nowrap;
3449
+ text-overflow: ellipsis;
3450
+ overflow: hidden;
3425
3451
  width: 45%;
3426
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
+ }
3427
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],
3428
3461
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3429
3462
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/grid/fluent.css CHANGED
@@ -790,6 +790,10 @@
790
790
  padding: 6px 0;
791
791
  font-size: 16px;
792
792
  }
793
+ .e-bigger .e-grid.e-device .e-groupheadercell,
794
+ .e-grid.e-bigger.e-device .e-groupheadercell {
795
+ padding: 0;
796
+ }
793
797
  .e-bigger .e-grid .e-groupheadercell:hover,
794
798
  .e-grid.e-bigger .e-groupheadercell:hover {
795
799
  padding: 6px 0;
@@ -848,6 +852,7 @@
848
852
  .e-bigger .e-grid.e-device .e-groupheadercell span,
849
853
  .e-grid.e-bigger.e-device .e-groupheadercell span {
850
854
  line-height: 33px;
855
+ padding: 0 8px;
851
856
  }
852
857
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
853
858
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -924,8 +929,13 @@
924
929
  margin-left: 0;
925
930
  margin-top: -4px;
926
931
  margin-right: 4px;
932
+ padding-top: 0;
927
933
  padding: 0 4px;
928
934
  }
935
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
936
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
937
+ margin-top: 0;
938
+ }
929
939
  .e-bigger .e-grid span.e-groupsort.e-icons,
930
940
  .e-grid.e-bigger span.e-groupsort.e-icons {
931
941
  margin-right: 0;
@@ -933,6 +943,10 @@
933
943
  margin-left: 0;
934
944
  padding: 0 4px;
935
945
  }
946
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
947
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
948
+ margin-top: 0;
949
+ }
936
950
  .e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
937
951
  .e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
938
952
  margin-top: 0;
@@ -949,8 +963,9 @@
949
963
  margin-left: -9px;
950
964
  margin-right: -6px;
951
965
  margin-top: -4px;
952
- padding-top: 4px;
953
966
  padding-left: 8px;
967
+ margin-top: 0;
968
+ padding: 0 4px;
954
969
  }
955
970
  .e-bigger .e-grid .e-groupcaption,
956
971
  .e-grid.e-bigger .e-groupcaption {
@@ -1463,6 +1478,7 @@
1463
1478
  border-collapse: separate;
1464
1479
  table-layout: fixed;
1465
1480
  width: 100%;
1481
+ border-spacing: 0.25px;
1466
1482
  }
1467
1483
  .e-grid .e-tableborder {
1468
1484
  border-right: 1px solid;
@@ -1908,6 +1924,8 @@
1908
1924
  border-top-style: solid;
1909
1925
  border-top-width: 1px;
1910
1926
  padding: 0.3em;
1927
+ font-weight: normal;
1928
+ text-align: left;
1911
1929
  }
1912
1930
  .e-grid th.e-detailcell .e-rowcell,
1913
1931
  .e-grid th.e-detailcell .e-gridpager {
@@ -2325,7 +2343,8 @@
2325
2343
  }
2326
2344
  .e-grid span.e-ungroupbutton.e-icons {
2327
2345
  margin-left: -13px;
2328
- margin-top: 1px;
2346
+ margin-top: -3px;
2347
+ padding-top: 8px;
2329
2348
  padding-right: 12px;
2330
2349
  }
2331
2350
  .e-grid .e-grptogglebtn {
@@ -2902,6 +2921,7 @@
2902
2921
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2903
2922
  border-right-style: solid;
2904
2923
  border-right-width: 1px;
2924
+ text-align: right;
2905
2925
  }
2906
2926
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2907
2927
  float: left;
@@ -2913,7 +2933,7 @@
2913
2933
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
2914
2934
  margin-left: 0;
2915
2935
  margin-right: -14px;
2916
- padding-top: 4px;
2936
+ padding-top: 8px;
2917
2937
  }
2918
2938
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
2919
2939
  border-width: 0 0 0 1px;
@@ -3252,6 +3272,10 @@
3252
3272
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3253
3273
  padding: 11.5px 4px 14px 4px;
3254
3274
  }
3275
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3276
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3277
+ padding: 0 8px;
3278
+ }
3255
3279
 
3256
3280
  .e-grid-min-height .e-rowcell,
3257
3281
  .e-grid-min-height .e-icon-grightarrow,
@@ -3422,8 +3446,17 @@
3422
3446
  position: absolute;
3423
3447
  top: 6px;
3424
3448
  white-space: nowrap;
3449
+ text-overflow: ellipsis;
3450
+ overflow: hidden;
3425
3451
  width: 45%;
3426
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
+ }
3427
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],
3428
3461
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3429
3462
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/grid/highcontrast-light.css CHANGED
@@ -711,6 +711,10 @@
711
711
  padding: 1px 10px;
712
712
  font-size: 14px;
713
713
  }
714
+ .e-bigger .e-grid.e-device .e-groupheadercell,
715
+ .e-grid.e-bigger.e-device .e-groupheadercell {
716
+ padding: 1px 10px;
717
+ }
714
718
  .e-bigger .e-grid .e-groupheadercell:hover,
715
719
  .e-grid.e-bigger .e-groupheadercell:hover {
716
720
  padding: 0 9px;
@@ -769,6 +773,7 @@
769
773
  .e-bigger .e-grid.e-device .e-groupheadercell span,
770
774
  .e-grid.e-bigger.e-device .e-groupheadercell span {
771
775
  line-height: 30px;
776
+ padding: 0;
772
777
  }
773
778
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
774
779
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -845,12 +850,21 @@
845
850
  margin-left: 0;
846
851
  margin-top: 1px;
847
852
  margin-right: 0;
853
+ padding-top: 0;
854
+ }
855
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
856
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
857
+ margin-top: 1px;
848
858
  }
849
859
  .e-bigger .e-grid span.e-groupsort.e-icons,
850
860
  .e-grid.e-bigger span.e-groupsort.e-icons {
851
861
  margin-right: 10px;
852
862
  margin-top: 0;
853
863
  }
864
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
865
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
866
+ margin-top: 0;
867
+ }
854
868
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
855
869
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
856
870
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -862,7 +876,6 @@
862
876
  margin-left: 0;
863
877
  margin-right: 8px;
864
878
  margin-top: 0;
865
- padding-top: 0;
866
879
  padding-left: 0;
867
880
  }
868
881
  .e-bigger .e-grid .e-groupcaption,
@@ -1373,6 +1386,7 @@
1373
1386
  border-collapse: separate;
1374
1387
  table-layout: fixed;
1375
1388
  width: 100%;
1389
+ border-spacing: 0.25px;
1376
1390
  }
1377
1391
  .e-grid .e-tableborder {
1378
1392
  border-right: 1px solid;
@@ -1814,6 +1828,8 @@
1814
1828
  border-top-style: solid;
1815
1829
  border-top-width: 1px;
1816
1830
  padding: 0.3em;
1831
+ font-weight: normal;
1832
+ text-align: left;
1817
1833
  }
1818
1834
  .e-grid th.e-detailcell .e-rowcell,
1819
1835
  .e-grid th.e-detailcell .e-gridpager {
@@ -2228,6 +2244,7 @@
2228
2244
  .e-grid span.e-ungroupbutton.e-icons {
2229
2245
  margin-left: 0;
2230
2246
  margin-top: 0;
2247
+ padding-top: 0;
2231
2248
  padding-right: 0;
2232
2249
  }
2233
2250
  .e-grid .e-grptogglebtn {
@@ -2803,6 +2820,7 @@
2803
2820
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2804
2821
  border-right-style: solid;
2805
2822
  border-right-width: 1px;
2823
+ text-align: right;
2806
2824
  }
2807
2825
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2808
2826
  float: left;
@@ -3145,6 +3163,10 @@
3145
3163
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3146
3164
  padding: 0;
3147
3165
  }
3166
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3167
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3168
+ padding: 0;
3169
+ }
3148
3170
 
3149
3171
  .e-grid-min-height .e-rowcell,
3150
3172
  .e-grid-min-height .e-icon-grightarrow,
@@ -3294,8 +3316,17 @@
3294
3316
  position: absolute;
3295
3317
  top: 6px;
3296
3318
  white-space: nowrap;
3319
+ text-overflow: ellipsis;
3320
+ overflow: hidden;
3297
3321
  width: 45%;
3298
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
+ }
3299
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],
3300
3331
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3301
3332
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/grid/highcontrast.css CHANGED
@@ -711,6 +711,10 @@
711
711
  padding: 1px 10px;
712
712
  font-size: 14px;
713
713
  }
714
+ .e-bigger .e-grid.e-device .e-groupheadercell,
715
+ .e-grid.e-bigger.e-device .e-groupheadercell {
716
+ padding: 1px 10px;
717
+ }
714
718
  .e-bigger .e-grid .e-groupheadercell:hover,
715
719
  .e-grid.e-bigger .e-groupheadercell:hover {
716
720
  padding: 0 9px;
@@ -769,6 +773,7 @@
769
773
  .e-bigger .e-grid.e-device .e-groupheadercell span,
770
774
  .e-grid.e-bigger.e-device .e-groupheadercell span {
771
775
  line-height: 30px;
776
+ padding: 0;
772
777
  }
773
778
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
774
779
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -845,12 +850,21 @@
845
850
  margin-left: 0;
846
851
  margin-top: 1px;
847
852
  margin-right: 0;
853
+ padding-top: 0;
854
+ }
855
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
856
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
857
+ margin-top: 1px;
848
858
  }
849
859
  .e-bigger .e-grid span.e-groupsort.e-icons,
850
860
  .e-grid.e-bigger span.e-groupsort.e-icons {
851
861
  margin-right: 10px;
852
862
  margin-top: 0;
853
863
  }
864
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
865
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
866
+ margin-top: 0;
867
+ }
854
868
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
855
869
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
856
870
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -862,7 +876,6 @@
862
876
  margin-left: 0;
863
877
  margin-right: 8px;
864
878
  margin-top: 0;
865
- padding-top: 0;
866
879
  padding-left: 0;
867
880
  }
868
881
  .e-bigger .e-grid .e-groupcaption,
@@ -1373,6 +1386,7 @@
1373
1386
  border-collapse: separate;
1374
1387
  table-layout: fixed;
1375
1388
  width: 100%;
1389
+ border-spacing: 0.25px;
1376
1390
  }
1377
1391
  .e-grid .e-tableborder {
1378
1392
  border-right: 1px solid;
@@ -1814,6 +1828,8 @@
1814
1828
  border-top-style: solid;
1815
1829
  border-top-width: 1px;
1816
1830
  padding: 0.3em;
1831
+ font-weight: normal;
1832
+ text-align: left;
1817
1833
  }
1818
1834
  .e-grid th.e-detailcell .e-rowcell,
1819
1835
  .e-grid th.e-detailcell .e-gridpager {
@@ -2228,6 +2244,7 @@
2228
2244
  .e-grid span.e-ungroupbutton.e-icons {
2229
2245
  margin-left: 0;
2230
2246
  margin-top: 0;
2247
+ padding-top: 0;
2231
2248
  padding-right: 0;
2232
2249
  }
2233
2250
  .e-grid .e-grptogglebtn {
@@ -2803,6 +2820,7 @@
2803
2820
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2804
2821
  border-right-style: solid;
2805
2822
  border-right-width: 1px;
2823
+ text-align: right;
2806
2824
  }
2807
2825
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2808
2826
  float: left;
@@ -3145,6 +3163,10 @@
3145
3163
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3146
3164
  padding: 0;
3147
3165
  }
3166
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3167
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3168
+ padding: 0;
3169
+ }
3148
3170
 
3149
3171
  .e-grid-min-height .e-rowcell,
3150
3172
  .e-grid-min-height .e-icon-grightarrow,
@@ -3294,8 +3316,17 @@
3294
3316
  position: absolute;
3295
3317
  top: 6px;
3296
3318
  white-space: nowrap;
3319
+ text-overflow: ellipsis;
3320
+ overflow: hidden;
3297
3321
  width: 45%;
3298
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
+ }
3299
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],
3300
3331
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3301
3332
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {