@syncfusion/ej2-gantt 23.2.5 → 24.1.41

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 (113) hide show
  1. package/CHANGELOG.md +3 -0
  2. package/dist/ej2-gantt.min.js +2 -2
  3. package/dist/ej2-gantt.umd.min.js +2 -2
  4. package/dist/ej2-gantt.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-gantt.es2015.js +2980 -336
  6. package/dist/es6/ej2-gantt.es2015.js.map +1 -1
  7. package/dist/es6/ej2-gantt.es5.js +3034 -370
  8. package/dist/es6/ej2-gantt.es5.js.map +1 -1
  9. package/dist/global/ej2-gantt.min.js +2 -2
  10. package/dist/global/ej2-gantt.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +21 -21
  13. package/src/gantt/actions/cell-edit.js +7 -3
  14. package/src/gantt/actions/chart-scroll.d.ts +9 -1
  15. package/src/gantt/actions/chart-scroll.js +111 -3
  16. package/src/gantt/actions/connector-line-edit.js +8 -1
  17. package/src/gantt/actions/context-menu.js +2 -2
  18. package/src/gantt/actions/day-markers.d.ts +2 -1
  19. package/src/gantt/actions/dependency.js +2 -2
  20. package/src/gantt/actions/dialog-edit.d.ts +24 -0
  21. package/src/gantt/actions/dialog-edit.js +383 -1
  22. package/src/gantt/actions/edit.js +104 -41
  23. package/src/gantt/actions/keyboard.js +5 -1
  24. package/src/gantt/actions/pdf-export.js +12 -4
  25. package/src/gantt/actions/rowdragdrop.js +24 -5
  26. package/src/gantt/actions/selection.js +6 -3
  27. package/src/gantt/actions/taskbar-edit.d.ts +14 -0
  28. package/src/gantt/actions/taskbar-edit.js +513 -78
  29. package/src/gantt/actions/toolbar.js +4 -1
  30. package/src/gantt/base/css-constants.d.ts +2 -0
  31. package/src/gantt/base/css-constants.js +2 -0
  32. package/src/gantt/base/enum.d.ts +22 -0
  33. package/src/gantt/base/gantt-chart.js +63 -21
  34. package/src/gantt/base/gantt-model.d.ts +9 -1
  35. package/src/gantt/base/gantt.d.ts +11 -1
  36. package/src/gantt/base/gantt.js +46 -18
  37. package/src/gantt/base/interface.d.ts +135 -3
  38. package/src/gantt/base/splitter.js +6 -0
  39. package/src/gantt/base/task-processor.d.ts +1 -1
  40. package/src/gantt/base/task-processor.js +37 -9
  41. package/src/gantt/base/tree-grid.js +1 -1
  42. package/src/gantt/export/export-helper.d.ts +12 -0
  43. package/src/gantt/export/export-helper.js +316 -9
  44. package/src/gantt/export/pdf-base/pdf-grid-table.js +14 -1
  45. package/src/gantt/export/pdf-base/pdf-style/gantt-theme.js +36 -0
  46. package/src/gantt/export/pdf-connector-line.js +137 -32
  47. package/src/gantt/export/pdf-event-marker.d.ts +10 -0
  48. package/src/gantt/export/pdf-event-marker.js +57 -0
  49. package/src/gantt/export/pdf-gantt.d.ts +2 -0
  50. package/src/gantt/export/pdf-gantt.js +30 -10
  51. package/src/gantt/export/pdf-taskbar.d.ts +23 -2
  52. package/src/gantt/export/pdf-taskbar.js +771 -43
  53. package/src/gantt/export/pdf-timeline.d.ts +9 -0
  54. package/src/gantt/export/pdf-timeline.js +98 -20
  55. package/src/gantt/models/column.d.ts +12 -0
  56. package/src/gantt/renderer/chart-rows.d.ts +1 -1
  57. package/src/gantt/renderer/chart-rows.js +29 -16
  58. package/src/gantt/renderer/connector-line.js +8 -5
  59. package/src/gantt/renderer/edit-tooltip.js +3 -0
  60. package/src/gantt/renderer/event-marker.js +4 -1
  61. package/src/gantt/renderer/nonworking-day.js +18 -5
  62. package/src/gantt/renderer/timeline.d.ts +9 -0
  63. package/src/gantt/renderer/timeline.js +169 -21
  64. package/styles/bootstrap-dark.css +77 -16
  65. package/styles/bootstrap.css +78 -17
  66. package/styles/bootstrap4.css +78 -17
  67. package/styles/bootstrap5-dark.css +78 -17
  68. package/styles/bootstrap5.css +78 -17
  69. package/styles/fabric-dark.css +78 -17
  70. package/styles/fabric.css +78 -17
  71. package/styles/fluent-dark.css +78 -17
  72. package/styles/fluent.css +78 -17
  73. package/styles/gantt/_bootstrap-dark-definition.scss +7 -2
  74. package/styles/gantt/_bootstrap-definition.scss +7 -2
  75. package/styles/gantt/_bootstrap4-definition.scss +7 -2
  76. package/styles/gantt/_bootstrap5-definition.scss +7 -2
  77. package/styles/gantt/_fabric-dark-definition.scss +7 -2
  78. package/styles/gantt/_fabric-definition.scss +7 -2
  79. package/styles/gantt/_fluent-definition.scss +7 -2
  80. package/styles/gantt/_fusionnew-definition.scss +6 -2
  81. package/styles/gantt/_highcontrast-definition.scss +7 -2
  82. package/styles/gantt/_highcontrast-light-definition.scss +7 -2
  83. package/styles/gantt/_layout.scss +92 -20
  84. package/styles/gantt/_material-dark-definition.scss +7 -2
  85. package/styles/gantt/_material-definition.scss +7 -2
  86. package/styles/gantt/_material3-definition.scss +7 -2
  87. package/styles/gantt/_tailwind-definition.scss +6 -1
  88. package/styles/gantt/_theme.scss +11 -0
  89. package/styles/gantt/bootstrap-dark.css +77 -16
  90. package/styles/gantt/bootstrap.css +78 -17
  91. package/styles/gantt/bootstrap4.css +78 -17
  92. package/styles/gantt/bootstrap5-dark.css +78 -17
  93. package/styles/gantt/bootstrap5.css +78 -17
  94. package/styles/gantt/fabric-dark.css +78 -17
  95. package/styles/gantt/fabric.css +78 -17
  96. package/styles/gantt/fluent-dark.css +78 -17
  97. package/styles/gantt/fluent.css +78 -17
  98. package/styles/gantt/highcontrast-light.css +78 -17
  99. package/styles/gantt/highcontrast.css +78 -17
  100. package/styles/gantt/material-dark.css +78 -17
  101. package/styles/gantt/material.css +78 -17
  102. package/styles/gantt/material3-dark.css +77 -16
  103. package/styles/gantt/material3.css +77 -16
  104. package/styles/gantt/tailwind-dark.css +78 -17
  105. package/styles/gantt/tailwind.css +78 -17
  106. package/styles/highcontrast-light.css +78 -17
  107. package/styles/highcontrast.css +78 -17
  108. package/styles/material-dark.css +78 -17
  109. package/styles/material.css +78 -17
  110. package/styles/material3-dark.css +77 -16
  111. package/styles/material3.css +77 -16
  112. package/styles/tailwind-dark.css +78 -17
  113. package/styles/tailwind.css +78 -17
@@ -304,6 +304,22 @@
304
304
  content: "\e7f9";
305
305
  }
306
306
 
307
+ .e-bigger .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
308
+ .e-bigger .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
309
+ display: inline-block;
310
+ position: absolute;
311
+ top: 0;
312
+ width: 25px;
313
+ z-index: 4;
314
+ }
315
+ .e-bigger .e-gantt .e-gantt-chart .e-left-resize-gripper,
316
+ .e-bigger .e-gantt .e-gantt-chart .e-right-resize-gripper {
317
+ -ms-flex-align: center;
318
+ align-items: center;
319
+ cursor: ew-resize;
320
+ display: -ms-inline-flexbox;
321
+ display: inline-flex;
322
+ }
307
323
  .e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
308
324
  height: 64px;
309
325
  }
@@ -383,7 +399,8 @@
383
399
  padding: 16px 4px 16px 16px !important; /* stylelint-disable-line declaration-no-important */
384
400
  }
385
401
  .e-bigger .e-gantt .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
386
- left: 2px !important;
402
+ left: -11px;
403
+ top: 2px;
387
404
  }
388
405
  .e-bigger .e-gantt .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
389
406
  font-size: 14px !important;
@@ -395,8 +412,8 @@
395
412
  .e-bigger .e-gantt .e-dialog .e-footer-content .e-btn {
396
413
  margin-left: 12px;
397
414
  }
398
- .e-bigger .e-gantt .e-dialog .e-dlg-header {
399
- line-height: 28px;
415
+ .e-bigger .e-gantt .e-dialog .e-dlg-header:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-header) {
416
+ line-height: 37px;
400
417
  }
401
418
  .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
402
419
  padding: 16px 0 0 !important;
@@ -410,6 +427,7 @@
410
427
  }
411
428
  .e-bigger .e-gantt-dialog .e-dialog {
412
429
  border-radius: 6px;
430
+ width: 556px !important;
413
431
  }
414
432
  .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
415
433
  padding: 0 16px !important; /* stylelint-disable-line declaration-no-important */
@@ -439,7 +457,7 @@
439
457
  border-radius: 6px 6px 0px 0px;
440
458
  padding-bottom: 12px;
441
459
  }
442
- .e-bigger .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
460
+ .e-bigger .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-closeicon-btn) {
443
461
  border-radius: 50%;
444
462
  height: auto !important; /* stylelint-disable-line declaration-no-important */
445
463
  width: auto;
@@ -489,6 +507,16 @@
489
507
  .e-bigger .e-gantt-dialog .e-input-group-icon.e-date-icon {
490
508
  min-width: 36px !important; /* stylelint-disable-line declaration-no-important */
491
509
  }
510
+ .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog {
511
+ position: absolute !important; /* stylelint-disable-line declaration-no-important */
512
+ left: 0 !important; /* stylelint-disable-line declaration-no-important */
513
+ }
514
+ .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog .e-dlg-header-content {
515
+ padding: 16px !important; /* stylelint-disable-line declaration-no-important */
516
+ }
517
+ .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog td {
518
+ width: 100% !important; /* stylelint-disable-line declaration-no-important */
519
+ }
492
520
  .e-bigger .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
493
521
  border-top: 8px solid #000;
494
522
  }
@@ -714,9 +742,6 @@
714
742
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
715
743
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
716
744
  }
717
- .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
718
- overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
719
- }
720
745
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
721
746
  width: calc(100% + 17px);
722
747
  }
@@ -839,7 +864,7 @@
839
864
  box-sizing: border-box;
840
865
  }
841
866
  .e-gantt .e-gantt-chart .e-zero-spacing {
842
- border-spacing: 0;
867
+ border-spacing: 0.25px;
843
868
  }
844
869
  .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
845
870
  border-top: 0;
@@ -869,9 +894,6 @@
869
894
  vertical-align: middle;
870
895
  z-index: 3;
871
896
  }
872
- .e-gantt .e-gantt-chart .e-taskbar-main-container:hover {
873
- z-index: 4;
874
- }
875
897
  .e-gantt .e-gantt-chart .e-taskbar-main-container.e-gantt-multi-taskbar:hover {
876
898
  z-index: 4;
877
899
  }
@@ -1348,7 +1370,7 @@
1348
1370
  border-spacing: 0;
1349
1371
  }
1350
1372
  .e-gantt-dialog .e-item {
1351
- height: 241px;
1373
+ height: 100%;
1352
1374
  }
1353
1375
  .e-gantt-dialog .e-dependent-div {
1354
1376
  border-bottom-width: 0px;
@@ -1407,6 +1429,9 @@
1407
1429
  .e-gantt-dialog > .e-dlg-content {
1408
1430
  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
1409
1431
  }
1432
+ .e-gantt-dialog .e-dlg-header {
1433
+ line-height: 30px;
1434
+ }
1410
1435
  .e-gantt-dialog .e-dlg-header-content {
1411
1436
  border-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
1412
1437
  }
@@ -1414,6 +1439,10 @@
1414
1439
  border-radius: 3px 3px 0px 0px;
1415
1440
  padding-bottom: 12px;
1416
1441
  }
1442
+ .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1443
+ left: -11px;
1444
+ top: 0 !important;
1445
+ }
1417
1446
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1418
1447
  border-radius: 50%;
1419
1448
  height: auto !important; /* stylelint-disable-line declaration-no-important */
@@ -1478,13 +1507,14 @@
1478
1507
  font-size: 16px;
1479
1508
  }
1480
1509
 
1481
- .e-bigger .e-gantt .e-gantt-chart .e-timeline-single-header-outer-div {
1482
- height: 64px !important; /* stylelint-disable-line declaration-no-important */
1510
+ .e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
1511
+ .e-bigger .e-gantt .e-excelfilter .e-dialog .e-dlg-content {
1512
+ padding: 0 18px 0 0 !important; /* stylelint-disable-line declaration-no-important */
1483
1513
  }
1484
1514
 
1485
- .e-bigger .e-timeline-single-header-cell {
1486
- height: 64px !important; /* stylelint-disable-line declaration-no-important */
1487
- line-height: 64px !important; /* stylelint-disable-line declaration-no-important */
1515
+ .e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
1516
+ .e-bigger .e-gantt .e-contextmenu-wrapper ul {
1517
+ padding: 0 !important; /* stylelint-disable-line declaration-no-important */
1488
1518
  }
1489
1519
 
1490
1520
  .e-gantt-tooltip-label {
@@ -1599,6 +1629,29 @@
1599
1629
  z-index: 1;
1600
1630
  }
1601
1631
 
1632
+ .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-droptop {
1633
+ border-top: 2px solid #4f46e5;
1634
+ border-width: 2px 0 0;
1635
+ }
1636
+
1637
+ .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-dropbottom {
1638
+ border-bottom: 2px solid #4f46e5;
1639
+ box-shadow: #0d6efd;
1640
+ }
1641
+
1642
+ .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-childborder {
1643
+ border-bottom: 2px solid #4f46e5;
1644
+ border-top: 2px solid #4f46e5;
1645
+ box-shadow: #0d6efd;
1646
+ }
1647
+
1648
+ @media (max-width: 767px) {
1649
+ .e-bigger .e-gantt .e-dialog .e-edit-form-column:nth-child(odd), .e-bigger .e-gantt .e-dialog .e-edit-form-column:nth-child(even) {
1650
+ float: none;
1651
+ padding: 16px 12px 0 16px;
1652
+ width: 100%;
1653
+ }
1654
+ }
1602
1655
  /*! Gantt theme */
1603
1656
  .e-gantt .e-gantt-splitter {
1604
1657
  border-color: #444c54;
@@ -1651,6 +1704,13 @@
1651
1704
  background: #3c444b;
1652
1705
  opacity: 0.9;
1653
1706
  }
1707
+ .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-leftfreeze,
1708
+ .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-unfreeze,
1709
+ .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-rightfreeze,
1710
+ .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-fixedfreeze {
1711
+ background: #3c444b;
1712
+ opacity: 1;
1713
+ }
1654
1714
  .e-gantt .e-taskbar-resize-div {
1655
1715
  border-color: #0d6efd;
1656
1716
  }
@@ -1967,6 +2027,7 @@
1967
2027
  }
1968
2028
  .e-gantt-dialog .e-dlg-header {
1969
2029
  color: #fff;
2030
+ position: relative;
1970
2031
  }
1971
2032
  .e-gantt-dialog .e-dlg-header-content {
1972
2033
  background: #282d31;
@@ -304,6 +304,22 @@
304
304
  content: "\e7f9";
305
305
  }
306
306
 
307
+ .e-bigger .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
308
+ .e-bigger .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
309
+ display: inline-block;
310
+ position: absolute;
311
+ top: 0;
312
+ width: 25px;
313
+ z-index: 4;
314
+ }
315
+ .e-bigger .e-gantt .e-gantt-chart .e-left-resize-gripper,
316
+ .e-bigger .e-gantt .e-gantt-chart .e-right-resize-gripper {
317
+ -ms-flex-align: center;
318
+ align-items: center;
319
+ cursor: ew-resize;
320
+ display: -ms-inline-flexbox;
321
+ display: inline-flex;
322
+ }
307
323
  .e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
308
324
  height: 64px;
309
325
  }
@@ -383,7 +399,8 @@
383
399
  padding: 16px 4px 16px 16px !important; /* stylelint-disable-line declaration-no-important */
384
400
  }
385
401
  .e-bigger .e-gantt .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
386
- left: 2px !important;
402
+ left: -11px;
403
+ top: 2px;
387
404
  }
388
405
  .e-bigger .e-gantt .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
389
406
  font-size: 14px !important;
@@ -395,8 +412,8 @@
395
412
  .e-bigger .e-gantt .e-dialog .e-footer-content .e-btn {
396
413
  margin-left: 12px;
397
414
  }
398
- .e-bigger .e-gantt .e-dialog .e-dlg-header {
399
- line-height: 28px;
415
+ .e-bigger .e-gantt .e-dialog .e-dlg-header:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-header) {
416
+ line-height: 37px;
400
417
  }
401
418
  .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
402
419
  padding: 16px 0 0 !important;
@@ -410,6 +427,7 @@
410
427
  }
411
428
  .e-bigger .e-gantt-dialog .e-dialog {
412
429
  border-radius: 6px;
430
+ width: 556px !important;
413
431
  }
414
432
  .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
415
433
  padding: 0 16px !important; /* stylelint-disable-line declaration-no-important */
@@ -439,7 +457,7 @@
439
457
  border-radius: 6px 6px 0px 0px;
440
458
  padding-bottom: 12px;
441
459
  }
442
- .e-bigger .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
460
+ .e-bigger .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-closeicon-btn) {
443
461
  border-radius: 50%;
444
462
  height: auto !important; /* stylelint-disable-line declaration-no-important */
445
463
  width: auto;
@@ -489,6 +507,16 @@
489
507
  .e-bigger .e-gantt-dialog .e-input-group-icon.e-date-icon {
490
508
  min-width: 36px !important; /* stylelint-disable-line declaration-no-important */
491
509
  }
510
+ .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog {
511
+ position: absolute !important; /* stylelint-disable-line declaration-no-important */
512
+ left: 0 !important; /* stylelint-disable-line declaration-no-important */
513
+ }
514
+ .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog .e-dlg-header-content {
515
+ padding: 16px !important; /* stylelint-disable-line declaration-no-important */
516
+ }
517
+ .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog td {
518
+ width: 100% !important; /* stylelint-disable-line declaration-no-important */
519
+ }
492
520
  .e-bigger .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
493
521
  border-top: 8px solid #000;
494
522
  }
@@ -714,9 +742,6 @@
714
742
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
715
743
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
716
744
  }
717
- .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
718
- overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
719
- }
720
745
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
721
746
  width: calc(100% + 17px);
722
747
  }
@@ -839,7 +864,7 @@
839
864
  box-sizing: border-box;
840
865
  }
841
866
  .e-gantt .e-gantt-chart .e-zero-spacing {
842
- border-spacing: 0;
867
+ border-spacing: 0.25px;
843
868
  }
844
869
  .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
845
870
  border-top: 0;
@@ -869,9 +894,6 @@
869
894
  vertical-align: middle;
870
895
  z-index: 3;
871
896
  }
872
- .e-gantt .e-gantt-chart .e-taskbar-main-container:hover {
873
- z-index: 4;
874
- }
875
897
  .e-gantt .e-gantt-chart .e-taskbar-main-container.e-gantt-multi-taskbar:hover {
876
898
  z-index: 4;
877
899
  }
@@ -1348,7 +1370,7 @@
1348
1370
  border-spacing: 0;
1349
1371
  }
1350
1372
  .e-gantt-dialog .e-item {
1351
- height: 241px;
1373
+ height: 100%;
1352
1374
  }
1353
1375
  .e-gantt-dialog .e-dependent-div {
1354
1376
  border-bottom-width: 0px;
@@ -1407,6 +1429,9 @@
1407
1429
  .e-gantt-dialog > .e-dlg-content {
1408
1430
  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
1409
1431
  }
1432
+ .e-gantt-dialog .e-dlg-header {
1433
+ line-height: 30px;
1434
+ }
1410
1435
  .e-gantt-dialog .e-dlg-header-content {
1411
1436
  border-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
1412
1437
  }
@@ -1414,6 +1439,10 @@
1414
1439
  border-radius: 3px 3px 0px 0px;
1415
1440
  padding-bottom: 12px;
1416
1441
  }
1442
+ .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1443
+ left: -11px;
1444
+ top: 0 !important;
1445
+ }
1417
1446
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1418
1447
  border-radius: 50%;
1419
1448
  height: auto !important; /* stylelint-disable-line declaration-no-important */
@@ -1478,13 +1507,14 @@
1478
1507
  font-size: 16px;
1479
1508
  }
1480
1509
 
1481
- .e-bigger .e-gantt .e-gantt-chart .e-timeline-single-header-outer-div {
1482
- height: 64px !important; /* stylelint-disable-line declaration-no-important */
1510
+ .e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
1511
+ .e-bigger .e-gantt .e-excelfilter .e-dialog .e-dlg-content {
1512
+ padding: 0 18px 0 0 !important; /* stylelint-disable-line declaration-no-important */
1483
1513
  }
1484
1514
 
1485
- .e-bigger .e-timeline-single-header-cell {
1486
- height: 64px !important; /* stylelint-disable-line declaration-no-important */
1487
- line-height: 64px !important; /* stylelint-disable-line declaration-no-important */
1515
+ .e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
1516
+ .e-bigger .e-gantt .e-contextmenu-wrapper ul {
1517
+ padding: 0 !important; /* stylelint-disable-line declaration-no-important */
1488
1518
  }
1489
1519
 
1490
1520
  .e-gantt-tooltip-label {
@@ -1599,6 +1629,29 @@
1599
1629
  z-index: 1;
1600
1630
  }
1601
1631
 
1632
+ .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-droptop {
1633
+ border-top: 2px solid #4f46e5;
1634
+ border-width: 2px 0 0;
1635
+ }
1636
+
1637
+ .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-dropbottom {
1638
+ border-bottom: 2px solid #4f46e5;
1639
+ box-shadow: #0d6efd;
1640
+ }
1641
+
1642
+ .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-childborder {
1643
+ border-bottom: 2px solid #4f46e5;
1644
+ border-top: 2px solid #4f46e5;
1645
+ box-shadow: #0d6efd;
1646
+ }
1647
+
1648
+ @media (max-width: 767px) {
1649
+ .e-bigger .e-gantt .e-dialog .e-edit-form-column:nth-child(odd), .e-bigger .e-gantt .e-dialog .e-edit-form-column:nth-child(even) {
1650
+ float: none;
1651
+ padding: 16px 12px 0 16px;
1652
+ width: 100%;
1653
+ }
1654
+ }
1602
1655
  /*! Gantt theme */
1603
1656
  .e-gantt .e-gantt-splitter {
1604
1657
  border-color: #dee2e6;
@@ -1651,6 +1704,13 @@
1651
1704
  background: #e6eaed;
1652
1705
  opacity: 0.9;
1653
1706
  }
1707
+ .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-leftfreeze,
1708
+ .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-unfreeze,
1709
+ .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-rightfreeze,
1710
+ .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-fixedfreeze {
1711
+ background: #e6eaed;
1712
+ opacity: 1;
1713
+ }
1654
1714
  .e-gantt .e-taskbar-resize-div {
1655
1715
  border-color: #0d6efd;
1656
1716
  }
@@ -1967,6 +2027,7 @@
1967
2027
  }
1968
2028
  .e-gantt-dialog .e-dlg-header {
1969
2029
  color: #212529;
2030
+ position: relative;
1970
2031
  }
1971
2032
  .e-gantt-dialog .e-dlg-header-content {
1972
2033
  background: #f8f9fa;
@@ -220,6 +220,22 @@
220
220
  content: "\e85f";
221
221
  }
222
222
 
223
+ .e-bigger .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
224
+ .e-bigger .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
225
+ display: inline-block;
226
+ position: absolute;
227
+ top: 0;
228
+ width: 25px;
229
+ z-index: 4;
230
+ }
231
+ .e-bigger .e-gantt .e-gantt-chart .e-left-resize-gripper,
232
+ .e-bigger .e-gantt .e-gantt-chart .e-right-resize-gripper {
233
+ -ms-flex-align: center;
234
+ align-items: center;
235
+ cursor: ew-resize;
236
+ display: -ms-inline-flexbox;
237
+ display: inline-flex;
238
+ }
223
239
  .e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
224
240
  height: 64px;
225
241
  }
@@ -299,7 +315,8 @@
299
315
  padding: 16px 4px 16px 16px !important; /* stylelint-disable-line declaration-no-important */
300
316
  }
301
317
  .e-bigger .e-gantt .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
302
- left: 0 !important;
318
+ left: -11px;
319
+ top: 3px;
303
320
  }
304
321
  .e-bigger .e-gantt .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
305
322
  font-size: 12px !important;
@@ -311,8 +328,8 @@
311
328
  .e-bigger .e-gantt .e-dialog .e-footer-content .e-btn {
312
329
  margin-left: 12px;
313
330
  }
314
- .e-bigger .e-gantt .e-dialog .e-dlg-header {
315
- line-height: 28px;
331
+ .e-bigger .e-gantt .e-dialog .e-dlg-header:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-header) {
332
+ line-height: 37px;
316
333
  }
317
334
  .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
318
335
  padding: 16px 0 0 !important;
@@ -326,6 +343,7 @@
326
343
  }
327
344
  .e-bigger .e-gantt-dialog .e-dialog {
328
345
  border-radius: 6px;
346
+ width: 556px !important;
329
347
  }
330
348
  .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
331
349
  padding: 0 16px !important; /* stylelint-disable-line declaration-no-important */
@@ -355,7 +373,7 @@
355
373
  border-radius: 6px 6px 0px 0px;
356
374
  padding-bottom: 4px;
357
375
  }
358
- .e-bigger .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
376
+ .e-bigger .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-closeicon-btn) {
359
377
  border-radius: 50%;
360
378
  height: auto !important; /* stylelint-disable-line declaration-no-important */
361
379
  width: auto;
@@ -405,6 +423,16 @@
405
423
  .e-bigger .e-gantt-dialog .e-input-group-icon.e-date-icon {
406
424
  min-width: 36px !important; /* stylelint-disable-line declaration-no-important */
407
425
  }
426
+ .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog {
427
+ position: absolute !important; /* stylelint-disable-line declaration-no-important */
428
+ left: 0 !important; /* stylelint-disable-line declaration-no-important */
429
+ }
430
+ .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog .e-dlg-header-content {
431
+ padding: 16px !important; /* stylelint-disable-line declaration-no-important */
432
+ }
433
+ .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog td {
434
+ width: 100% !important; /* stylelint-disable-line declaration-no-important */
435
+ }
408
436
  .e-bigger .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
409
437
  border-top: 8px solid #000;
410
438
  }
@@ -630,9 +658,6 @@
630
658
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
631
659
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
632
660
  }
633
- .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
634
- overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
635
- }
636
661
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
637
662
  width: calc(100% + 17px);
638
663
  }
@@ -755,7 +780,7 @@
755
780
  box-sizing: border-box;
756
781
  }
757
782
  .e-gantt .e-gantt-chart .e-zero-spacing {
758
- border-spacing: 0;
783
+ border-spacing: 0.25px;
759
784
  }
760
785
  .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
761
786
  border-top: 0;
@@ -785,9 +810,6 @@
785
810
  vertical-align: middle;
786
811
  z-index: 3;
787
812
  }
788
- .e-gantt .e-gantt-chart .e-taskbar-main-container:hover {
789
- z-index: 4;
790
- }
791
813
  .e-gantt .e-gantt-chart .e-taskbar-main-container.e-gantt-multi-taskbar:hover {
792
814
  z-index: 4;
793
815
  }
@@ -1264,7 +1286,7 @@
1264
1286
  border-spacing: 0;
1265
1287
  }
1266
1288
  .e-gantt-dialog .e-item {
1267
- height: 241px;
1289
+ height: 100%;
1268
1290
  }
1269
1291
  .e-gantt-dialog .e-dependent-div {
1270
1292
  border-bottom-width: 1px;
@@ -1323,6 +1345,9 @@
1323
1345
  .e-gantt-dialog > .e-dlg-content {
1324
1346
  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
1325
1347
  }
1348
+ .e-gantt-dialog .e-dlg-header {
1349
+ line-height: 30px;
1350
+ }
1326
1351
  .e-gantt-dialog .e-dlg-header-content {
1327
1352
  border-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
1328
1353
  }
@@ -1330,6 +1355,10 @@
1330
1355
  border-radius: 0px;
1331
1356
  padding-bottom: 4px;
1332
1357
  }
1358
+ .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1359
+ left: -11px;
1360
+ top: 0 !important;
1361
+ }
1333
1362
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1334
1363
  border-radius: 50%;
1335
1364
  height: auto !important; /* stylelint-disable-line declaration-no-important */
@@ -1394,13 +1423,14 @@
1394
1423
  font-size: 14px;
1395
1424
  }
1396
1425
 
1397
- .e-bigger .e-gantt .e-gantt-chart .e-timeline-single-header-outer-div {
1398
- height: 64px !important; /* stylelint-disable-line declaration-no-important */
1426
+ .e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
1427
+ .e-bigger .e-gantt .e-excelfilter .e-dialog .e-dlg-content {
1428
+ padding: 0 18px 0 0 !important; /* stylelint-disable-line declaration-no-important */
1399
1429
  }
1400
1430
 
1401
- .e-bigger .e-timeline-single-header-cell {
1402
- height: 64px !important; /* stylelint-disable-line declaration-no-important */
1403
- line-height: 64px !important; /* stylelint-disable-line declaration-no-important */
1431
+ .e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
1432
+ .e-bigger .e-gantt .e-contextmenu-wrapper ul {
1433
+ padding: 0 !important; /* stylelint-disable-line declaration-no-important */
1404
1434
  }
1405
1435
 
1406
1436
  .e-gantt-tooltip-label {
@@ -1515,6 +1545,29 @@
1515
1545
  z-index: 1;
1516
1546
  }
1517
1547
 
1548
+ .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-droptop {
1549
+ border-top: 1px solid #0074cc;
1550
+ border-width: 1px 0 0;
1551
+ }
1552
+
1553
+ .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-dropbottom {
1554
+ border-bottom: 1px solid #0074cc;
1555
+ box-shadow: #0074cc;
1556
+ }
1557
+
1558
+ .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-childborder {
1559
+ border-bottom: 1px solid #0074cc;
1560
+ border-top: 1px solid #0074cc;
1561
+ box-shadow: #0074cc;
1562
+ }
1563
+
1564
+ @media (max-width: 767px) {
1565
+ .e-bigger .e-gantt .e-dialog .e-edit-form-column:nth-child(odd), .e-bigger .e-gantt .e-dialog .e-edit-form-column:nth-child(even) {
1566
+ float: none;
1567
+ padding: 16px 12px 0 16px;
1568
+ width: 100%;
1569
+ }
1570
+ }
1518
1571
  /*! Gantt theme */
1519
1572
  .e-gantt .e-gantt-splitter {
1520
1573
  border-color: #414040;
@@ -1567,6 +1620,13 @@
1567
1620
  background: #514f4f;
1568
1621
  opacity: 1;
1569
1622
  }
1623
+ .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-leftfreeze,
1624
+ .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-unfreeze,
1625
+ .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-rightfreeze,
1626
+ .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-fixedfreeze {
1627
+ background: #514f4f;
1628
+ opacity: 1;
1629
+ }
1570
1630
  .e-gantt .e-taskbar-resize-div {
1571
1631
  border-color: #0074cc;
1572
1632
  }
@@ -1883,6 +1943,7 @@
1883
1943
  }
1884
1944
  .e-gantt-dialog .e-dlg-header {
1885
1945
  color: #fff;
1946
+ position: relative;
1886
1947
  }
1887
1948
  .e-gantt-dialog .e-dlg-header-content {
1888
1949
  background: #0074cc;