@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/material-dark.css CHANGED
@@ -1182,6 +1182,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1182
1182
  padding: 0 8px 0 12px;
1183
1183
  font-size: 13px;
1184
1184
  }
1185
+ .e-bigger .e-grid.e-device .e-groupheadercell,
1186
+ .e-grid.e-bigger.e-device .e-groupheadercell {
1187
+ padding: 0 8px 0 12px;
1188
+ }
1185
1189
  .e-bigger .e-grid .e-groupheadercell:hover,
1186
1190
  .e-grid.e-bigger .e-groupheadercell:hover {
1187
1191
  padding: 0 8px 0 12px;
@@ -1240,6 +1244,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1240
1244
  .e-bigger .e-grid.e-device .e-groupheadercell span,
1241
1245
  .e-grid.e-bigger.e-device .e-groupheadercell span {
1242
1246
  line-height: 30px;
1247
+ padding: 0;
1243
1248
  }
1244
1249
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
1245
1250
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -1316,12 +1321,21 @@ li.e-separator.e-menu-item.e-excel-separator {
1316
1321
  margin-left: 0;
1317
1322
  margin-top: 0;
1318
1323
  margin-right: 0;
1324
+ padding-top: 0;
1325
+ }
1326
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1327
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
1328
+ margin-top: 0;
1319
1329
  }
1320
1330
  .e-bigger .e-grid span.e-groupsort.e-icons,
1321
1331
  .e-grid.e-bigger span.e-groupsort.e-icons {
1322
1332
  margin-right: 0;
1323
1333
  margin-top: 0;
1324
1334
  }
1335
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
1336
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
1337
+ margin-top: 0;
1338
+ }
1325
1339
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
1326
1340
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
1327
1341
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -1333,7 +1347,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1333
1347
  margin-left: 0;
1334
1348
  margin-right: 6px;
1335
1349
  margin-top: 0;
1336
- padding-top: 0;
1337
1350
  padding-left: 0;
1338
1351
  }
1339
1352
  .e-bigger .e-grid .e-groupcaption,
@@ -1844,6 +1857,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1844
1857
  border-collapse: separate;
1845
1858
  table-layout: fixed;
1846
1859
  width: 100%;
1860
+ border-spacing: 0.25px;
1847
1861
  }
1848
1862
  .e-grid .e-tableborder {
1849
1863
  border-right: 1px solid;
@@ -2285,6 +2299,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2285
2299
  border-top-style: solid;
2286
2300
  border-top-width: 1px;
2287
2301
  padding: 0.3em;
2302
+ font-weight: normal;
2303
+ text-align: left;
2288
2304
  }
2289
2305
  .e-grid th.e-detailcell .e-rowcell,
2290
2306
  .e-grid th.e-detailcell .e-gridpager {
@@ -2699,6 +2715,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2699
2715
  .e-grid span.e-ungroupbutton.e-icons {
2700
2716
  margin-left: 6px;
2701
2717
  margin-top: 0;
2718
+ padding-top: 0;
2702
2719
  padding-right: 0;
2703
2720
  }
2704
2721
  .e-grid .e-grptogglebtn {
@@ -3274,6 +3291,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3274
3291
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
3275
3292
  border-right-style: solid;
3276
3293
  border-right-width: 1px;
3294
+ text-align: right;
3277
3295
  }
3278
3296
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
3279
3297
  float: left;
@@ -3616,6 +3634,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3616
3634
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3617
3635
  padding: 0;
3618
3636
  }
3637
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3638
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3639
+ padding: 0;
3640
+ }
3619
3641
 
3620
3642
  .e-grid-min-height .e-rowcell,
3621
3643
  .e-grid-min-height .e-icon-grightarrow,
@@ -3765,8 +3787,17 @@ li.e-separator.e-menu-item.e-excel-separator {
3765
3787
  position: absolute;
3766
3788
  top: 6px;
3767
3789
  white-space: nowrap;
3790
+ text-overflow: ellipsis;
3791
+ overflow: hidden;
3768
3792
  width: 45%;
3769
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
+ }
3770
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],
3771
3802
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3772
3803
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/material.css CHANGED
@@ -1224,6 +1224,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1224
1224
  padding: 0 8px 0 12px;
1225
1225
  font-size: 13px;
1226
1226
  }
1227
+ .e-bigger .e-grid.e-device .e-groupheadercell,
1228
+ .e-grid.e-bigger.e-device .e-groupheadercell {
1229
+ padding: 0 8px 0 12px;
1230
+ }
1227
1231
  .e-bigger .e-grid .e-groupheadercell:hover,
1228
1232
  .e-grid.e-bigger .e-groupheadercell:hover {
1229
1233
  padding: 0 8px 0 12px;
@@ -1282,6 +1286,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1282
1286
  .e-bigger .e-grid.e-device .e-groupheadercell span,
1283
1287
  .e-grid.e-bigger.e-device .e-groupheadercell span {
1284
1288
  line-height: 30px;
1289
+ padding: 0;
1285
1290
  }
1286
1291
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
1287
1292
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -1358,12 +1363,21 @@ li.e-separator.e-menu-item.e-excel-separator {
1358
1363
  margin-left: 0;
1359
1364
  margin-top: 0;
1360
1365
  margin-right: 0;
1366
+ padding-top: 0;
1367
+ }
1368
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1369
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
1370
+ margin-top: 0;
1361
1371
  }
1362
1372
  .e-bigger .e-grid span.e-groupsort.e-icons,
1363
1373
  .e-grid.e-bigger span.e-groupsort.e-icons {
1364
1374
  margin-right: 0;
1365
1375
  margin-top: 0;
1366
1376
  }
1377
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
1378
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
1379
+ margin-top: 0;
1380
+ }
1367
1381
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
1368
1382
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
1369
1383
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -1375,7 +1389,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1375
1389
  margin-left: 0;
1376
1390
  margin-right: 6px;
1377
1391
  margin-top: 0;
1378
- padding-top: 0;
1379
1392
  padding-left: 0;
1380
1393
  }
1381
1394
  .e-bigger .e-grid .e-groupcaption,
@@ -1886,6 +1899,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1886
1899
  border-collapse: separate;
1887
1900
  table-layout: fixed;
1888
1901
  width: 100%;
1902
+ border-spacing: 0.25px;
1889
1903
  }
1890
1904
  .e-grid .e-tableborder {
1891
1905
  border-right: 1px solid;
@@ -2327,6 +2341,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2327
2341
  border-top-style: solid;
2328
2342
  border-top-width: 1px;
2329
2343
  padding: 0.3em;
2344
+ font-weight: normal;
2345
+ text-align: left;
2330
2346
  }
2331
2347
  .e-grid th.e-detailcell .e-rowcell,
2332
2348
  .e-grid th.e-detailcell .e-gridpager {
@@ -2741,6 +2757,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2741
2757
  .e-grid span.e-ungroupbutton.e-icons {
2742
2758
  margin-left: 6px;
2743
2759
  margin-top: 0;
2760
+ padding-top: 0;
2744
2761
  padding-right: 0;
2745
2762
  }
2746
2763
  .e-grid .e-grptogglebtn {
@@ -3316,6 +3333,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3316
3333
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
3317
3334
  border-right-style: solid;
3318
3335
  border-right-width: 1px;
3336
+ text-align: right;
3319
3337
  }
3320
3338
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
3321
3339
  float: left;
@@ -3658,6 +3676,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3658
3676
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3659
3677
  padding: 0;
3660
3678
  }
3679
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3680
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3681
+ padding: 0;
3682
+ }
3661
3683
 
3662
3684
  .e-grid-min-height .e-rowcell,
3663
3685
  .e-grid-min-height .e-icon-grightarrow,
@@ -3807,8 +3829,17 @@ li.e-separator.e-menu-item.e-excel-separator {
3807
3829
  position: absolute;
3808
3830
  top: 6px;
3809
3831
  white-space: nowrap;
3832
+ text-overflow: ellipsis;
3833
+ overflow: hidden;
3810
3834
  width: 45%;
3811
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
+ }
3812
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],
3813
3844
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3814
3845
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/tailwind-dark.css CHANGED
@@ -1211,6 +1211,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1211
1211
  padding: 6px 0;
1212
1212
  font-size: 16px;
1213
1213
  }
1214
+ .e-bigger .e-grid.e-device .e-groupheadercell,
1215
+ .e-grid.e-bigger.e-device .e-groupheadercell {
1216
+ padding: 0;
1217
+ }
1214
1218
  .e-bigger .e-grid .e-groupheadercell:hover,
1215
1219
  .e-grid.e-bigger .e-groupheadercell:hover {
1216
1220
  padding: 6px 0;
@@ -1269,6 +1273,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1269
1273
  .e-bigger .e-grid.e-device .e-groupheadercell span,
1270
1274
  .e-grid.e-bigger.e-device .e-groupheadercell span {
1271
1275
  line-height: 33px;
1276
+ padding: 0 8px;
1272
1277
  }
1273
1278
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
1274
1279
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -1345,6 +1350,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1345
1350
  margin-left: 0;
1346
1351
  margin-top: 0;
1347
1352
  margin-right: 0;
1353
+ padding-top: 0;
1354
+ }
1355
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1356
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
1357
+ margin-top: 0;
1348
1358
  }
1349
1359
  .e-bigger .e-grid span.e-ungroupbutton.e-icons:hover,
1350
1360
  .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
@@ -1355,6 +1365,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1355
1365
  margin-right: 0;
1356
1366
  margin-top: 0;
1357
1367
  }
1368
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
1369
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
1370
+ margin-top: 0;
1371
+ }
1358
1372
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
1359
1373
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
1360
1374
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -1366,7 +1380,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1366
1380
  margin-left: -8px;
1367
1381
  margin-right: 0;
1368
1382
  margin-top: 0;
1369
- padding-top: 1px;
1370
1383
  padding-left: 8px;
1371
1384
  }
1372
1385
  .e-bigger .e-grid .e-groupcaption,
@@ -1882,6 +1895,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1882
1895
  border-collapse: separate;
1883
1896
  table-layout: fixed;
1884
1897
  width: 100%;
1898
+ border-spacing: 0.25px;
1885
1899
  }
1886
1900
  .e-grid .e-tableborder {
1887
1901
  border-right: 1px solid;
@@ -2340,6 +2354,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2340
2354
  border-top-style: solid;
2341
2355
  border-top-width: 1px;
2342
2356
  padding: 0.3em;
2357
+ font-weight: normal;
2358
+ text-align: left;
2343
2359
  }
2344
2360
  .e-grid th.e-detailcell .e-rowcell,
2345
2361
  .e-grid th.e-detailcell .e-gridpager {
@@ -2757,9 +2773,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2757
2773
  }
2758
2774
  .e-grid span.e-ungroupbutton.e-icons {
2759
2775
  margin-left: -9px;
2760
- margin-top: 1px;
2776
+ margin-top: -2px;
2777
+ padding-top: 4px;
2761
2778
  padding-right: 8px;
2762
- padding-top: 1px;
2763
2779
  }
2764
2780
  .e-grid span.e-ungroupbutton.e-icons:hover {
2765
2781
  color: #374151;
@@ -3342,6 +3358,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3342
3358
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
3343
3359
  border-right-style: solid;
3344
3360
  border-right-width: 1px;
3361
+ text-align: right;
3345
3362
  }
3346
3363
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
3347
3364
  float: left;
@@ -3353,7 +3370,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3353
3370
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
3354
3371
  margin-left: 0;
3355
3372
  margin-right: -9px;
3356
- padding-top: 1px;
3373
+ padding-top: 4px;
3357
3374
  }
3358
3375
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3359
3376
  border-width: 0 0 0 1px;
@@ -3688,6 +3705,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3688
3705
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3689
3706
  padding: 0 0 0 8px;
3690
3707
  }
3708
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3709
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3710
+ padding: 0 8px;
3711
+ }
3691
3712
 
3692
3713
  .e-grid-min-height .e-rowcell,
3693
3714
  .e-grid-min-height .e-icon-grightarrow,
@@ -3837,8 +3858,17 @@ li.e-separator.e-menu-item.e-excel-separator {
3837
3858
  position: absolute;
3838
3859
  top: 6px;
3839
3860
  white-space: nowrap;
3861
+ text-overflow: ellipsis;
3862
+ overflow: hidden;
3840
3863
  width: 45%;
3841
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
+ }
3842
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],
3843
3873
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3844
3874
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
package/styles/tailwind.css CHANGED
@@ -1211,6 +1211,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1211
1211
  padding: 6px 0;
1212
1212
  font-size: 16px;
1213
1213
  }
1214
+ .e-bigger .e-grid.e-device .e-groupheadercell,
1215
+ .e-grid.e-bigger.e-device .e-groupheadercell {
1216
+ padding: 0;
1217
+ }
1214
1218
  .e-bigger .e-grid .e-groupheadercell:hover,
1215
1219
  .e-grid.e-bigger .e-groupheadercell:hover {
1216
1220
  padding: 6px 0;
@@ -1269,6 +1273,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1269
1273
  .e-bigger .e-grid.e-device .e-groupheadercell span,
1270
1274
  .e-grid.e-bigger.e-device .e-groupheadercell span {
1271
1275
  line-height: 33px;
1276
+ padding: 0 8px;
1272
1277
  }
1273
1278
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
1274
1279
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -1345,6 +1350,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1345
1350
  margin-left: 0;
1346
1351
  margin-top: 0;
1347
1352
  margin-right: 0;
1353
+ padding-top: 0;
1354
+ }
1355
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1356
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
1357
+ margin-top: 0;
1348
1358
  }
1349
1359
  .e-bigger .e-grid span.e-ungroupbutton.e-icons:hover,
1350
1360
  .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
@@ -1355,6 +1365,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1355
1365
  margin-right: 0;
1356
1366
  margin-top: 0;
1357
1367
  }
1368
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
1369
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
1370
+ margin-top: 0;
1371
+ }
1358
1372
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
1359
1373
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
1360
1374
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -1366,7 +1380,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1366
1380
  margin-left: -8px;
1367
1381
  margin-right: 0;
1368
1382
  margin-top: 0;
1369
- padding-top: 1px;
1370
1383
  padding-left: 8px;
1371
1384
  }
1372
1385
  .e-bigger .e-grid .e-groupcaption,
@@ -1882,6 +1895,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1882
1895
  border-collapse: separate;
1883
1896
  table-layout: fixed;
1884
1897
  width: 100%;
1898
+ border-spacing: 0.25px;
1885
1899
  }
1886
1900
  .e-grid .e-tableborder {
1887
1901
  border-right: 1px solid;
@@ -2340,6 +2354,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2340
2354
  border-top-style: solid;
2341
2355
  border-top-width: 1px;
2342
2356
  padding: 0.3em;
2357
+ font-weight: normal;
2358
+ text-align: left;
2343
2359
  }
2344
2360
  .e-grid th.e-detailcell .e-rowcell,
2345
2361
  .e-grid th.e-detailcell .e-gridpager {
@@ -2757,9 +2773,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2757
2773
  }
2758
2774
  .e-grid span.e-ungroupbutton.e-icons {
2759
2775
  margin-left: -9px;
2760
- margin-top: 1px;
2776
+ margin-top: -2px;
2777
+ padding-top: 4px;
2761
2778
  padding-right: 8px;
2762
- padding-top: 1px;
2763
2779
  }
2764
2780
  .e-grid span.e-ungroupbutton.e-icons:hover {
2765
2781
  color: #374151;
@@ -3342,6 +3358,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3342
3358
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
3343
3359
  border-right-style: solid;
3344
3360
  border-right-width: 1px;
3361
+ text-align: right;
3345
3362
  }
3346
3363
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
3347
3364
  float: left;
@@ -3353,7 +3370,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3353
3370
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
3354
3371
  margin-left: 0;
3355
3372
  margin-right: -9px;
3356
- padding-top: 1px;
3373
+ padding-top: 4px;
3357
3374
  }
3358
3375
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3359
3376
  border-width: 0 0 0 1px;
@@ -3688,6 +3705,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3688
3705
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3689
3706
  padding: 0 0 0 8px;
3690
3707
  }
3708
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3709
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3710
+ padding: 0 8px;
3711
+ }
3691
3712
 
3692
3713
  .e-grid-min-height .e-rowcell,
3693
3714
  .e-grid-min-height .e-icon-grightarrow,
@@ -3837,8 +3858,17 @@ li.e-separator.e-menu-item.e-excel-separator {
3837
3858
  position: absolute;
3838
3859
  top: 6px;
3839
3860
  white-space: nowrap;
3861
+ text-overflow: ellipsis;
3862
+ overflow: hidden;
3840
3863
  width: 45%;
3841
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
+ }
3842
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],
3843
3873
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3844
3874
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {