@syncfusion/ej2-vue-gantt 20.4.54 → 21.1.36

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 (61) hide show
  1. package/CHANGELOG.md +186 -0
  2. package/dist/ej2-vue-gantt.umd.min.js +2 -2
  3. package/dist/ej2-vue-gantt.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-gantt.es2015.js +462 -685
  5. package/dist/es6/ej2-vue-gantt.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-gantt.es5.js +507 -807
  7. package/dist/es6/ej2-vue-gantt.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-gantt.min.js +2 -2
  9. package/package.json +11 -10
  10. package/src/gantt/adddialogfields.directive.d.ts +2 -12
  11. package/src/gantt/adddialogfields.directive.js +22 -71
  12. package/src/gantt/columns.directive.d.ts +2 -12
  13. package/src/gantt/columns.directive.js +22 -71
  14. package/src/gantt/dayworkingtime.directive.d.ts +2 -12
  15. package/src/gantt/dayworkingtime.directive.js +22 -71
  16. package/src/gantt/editdialogfields.directive.d.ts +2 -12
  17. package/src/gantt/editdialogfields.directive.js +22 -71
  18. package/src/gantt/eventmarkers.directive.d.ts +2 -12
  19. package/src/gantt/eventmarkers.directive.js +22 -71
  20. package/src/gantt/gantt.component.d.ts +3 -100
  21. package/src/gantt/gantt.component.js +345 -376
  22. package/src/gantt/holidays.directive.d.ts +2 -12
  23. package/src/gantt/holidays.directive.js +22 -71
  24. package/styles/bootstrap-dark.css +63 -56
  25. package/styles/bootstrap.css +63 -58
  26. package/styles/bootstrap4.css +60 -55
  27. package/styles/bootstrap5-dark.css +60 -55
  28. package/styles/bootstrap5.css +60 -55
  29. package/styles/fabric-dark.css +58 -53
  30. package/styles/fabric.css +58 -53
  31. package/styles/fluent-dark.css +84 -76
  32. package/styles/fluent.css +84 -76
  33. package/styles/gantt/bootstrap-dark.css +63 -56
  34. package/styles/gantt/bootstrap.css +63 -58
  35. package/styles/gantt/bootstrap4.css +60 -55
  36. package/styles/gantt/bootstrap5-dark.css +60 -55
  37. package/styles/gantt/bootstrap5.css +60 -55
  38. package/styles/gantt/fabric-dark.css +58 -53
  39. package/styles/gantt/fabric.css +58 -53
  40. package/styles/gantt/fluent-dark.css +84 -76
  41. package/styles/gantt/fluent.css +84 -76
  42. package/styles/gantt/highcontrast-light.css +58 -55
  43. package/styles/gantt/highcontrast.css +58 -53
  44. package/styles/gantt/material-dark.css +61 -60
  45. package/styles/gantt/material.css +58 -53
  46. package/styles/gantt/material3-dark.css +2193 -0
  47. package/styles/gantt/material3-dark.scss +2 -0
  48. package/styles/gantt/material3.css +2249 -0
  49. package/styles/gantt/material3.scss +2 -0
  50. package/styles/gantt/tailwind-dark.css +58 -53
  51. package/styles/gantt/tailwind.css +58 -53
  52. package/styles/highcontrast-light.css +58 -55
  53. package/styles/highcontrast.css +58 -53
  54. package/styles/material-dark.css +61 -60
  55. package/styles/material.css +58 -53
  56. package/styles/material3-dark.css +2193 -0
  57. package/styles/material3-dark.scss +2 -0
  58. package/styles/material3.css +2249 -0
  59. package/styles/material3.scss +2 -0
  60. package/styles/tailwind-dark.css +58 -53
  61. package/styles/tailwind.css +58 -53
package/styles/highcontrast-light.css CHANGED
@@ -251,6 +251,12 @@
251
251
  .e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
252
252
  height: 63px !important; /* stylelint-disable-line declaration-no-important */
253
253
  }
254
+ .e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header {
255
+ padding-left: 0px;
256
+ }
257
+ .e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
258
+ display: block;
259
+ }
254
260
  .e-bigger .e-gantt .e-dialog .e-dlg-header-content {
255
261
  padding: 16px 4px 12px 18px !important; /* stylelint-disable-line declaration-no-important */
256
262
  }
@@ -270,9 +276,6 @@
270
276
  .e-bigger .e-gantt .e-dialog .e-dlg-header {
271
277
  line-height: 28px;
272
278
  }
273
- .e-bigger .e-gantt .e-filter-popup.e-popup {
274
- width: 307px !important;
275
- }
276
279
  .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
277
280
  padding: 20px 0 0 !important;
278
281
  }
@@ -280,7 +283,7 @@
280
283
  border-radius: 0px !important;
281
284
  padding: 20px 18px 0px 18px !important;
282
285
  }
283
- .e-bigger .e-grid .e-columnmenu {
286
+ .e-bigger .e-gantt .e-grid .e-columnmenu {
284
287
  top: 45px;
285
288
  }
286
289
  .e-bigger .e-gantt-dialog .e-dialog {
@@ -367,7 +370,6 @@
367
370
  }
368
371
  .e-bigger .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
369
372
  border-top: 8px solid #000;
370
- border-top: 7px solid #000;
371
373
  }
372
374
  .e-bigger .e-predecessor-tooltip .e-arrow-tip-inner.e-tip-bottom {
373
375
  color: #000;
@@ -611,6 +613,9 @@
611
613
  line-height: 10px;
612
614
  vertical-align: middle;
613
615
  }
616
+ .e-gantt .e-gantt-tree-grid-pane .e-grid .e-gantt-resource-parent .e-rowdragdrop {
617
+ pointer-events: none;
618
+ }
614
619
  .e-gantt .e-gantt-chart {
615
620
  height: 100%;
616
621
  overflow: hidden;
@@ -1439,7 +1444,6 @@
1439
1444
  }
1440
1445
  .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
1441
1446
  border-top: 8px solid #000;
1442
- border-top: 7px solid #000;
1443
1447
  }
1444
1448
  .e-predecessor-tooltip .e-arrow-tip-inner.e-tip-bottom {
1445
1449
  color: #000;
@@ -1487,6 +1491,9 @@
1487
1491
  border-color: #757575;
1488
1492
  border-radius: 0px;
1489
1493
  }
1494
+ .e-gantt .e-grid .e-spinner-pane {
1495
+ display: none;
1496
+ }
1490
1497
  .e-gantt .e-cloneproperties.e-draganddrop {
1491
1498
  box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.2);
1492
1499
  opacity: 0.95;
@@ -1531,6 +1538,9 @@
1531
1538
  background: #400074;
1532
1539
  opacity: 1;
1533
1540
  }
1541
+ .e-gantt .e-taskbar-resize-div {
1542
+ border-color: #29c400;
1543
+ }
1534
1544
  .e-gantt .e-gantt-chart .e-timeline-header-container {
1535
1545
  background: #fff;
1536
1546
  border-bottom-color: #757575;
@@ -1578,7 +1588,7 @@
1578
1588
  outline-color: #757575;
1579
1589
  }
1580
1590
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1581
- background-color: #3e047d;
1591
+ background: #3e047d;
1582
1592
  outline: 1px solid #000;
1583
1593
  border-radius: 0px;
1584
1594
  }
@@ -1612,10 +1622,10 @@
1612
1622
  .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
1613
1623
  background-color: #6e06f1;
1614
1624
  border: 0px;
1615
- border-radius: 4px;
1625
+ border-radius: 3px;
1616
1626
  }
1617
1627
  .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
1618
- background-color: #8dd1c4;
1628
+ background: #8dd1c4;
1619
1629
  outline: #4fb29f;
1620
1630
  }
1621
1631
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -1623,7 +1633,7 @@
1623
1633
  }
1624
1634
  .e-gantt .e-gantt-chart .e-gantt-child-manualprogressbar {
1625
1635
  background-color: #67c1b2;
1626
- border: #4fb29f;
1636
+ outline: #4fb29f;
1627
1637
  }
1628
1638
  .e-gantt .e-gantt-chart .e-gantt-critical-child-manualprogressbar {
1629
1639
  background-color: #67c1b2;
@@ -1683,6 +1693,18 @@
1683
1693
  .e-gantt .e-gantt-chart .e-line {
1684
1694
  border-color: #29c400;
1685
1695
  }
1696
+ .e-gantt .e-gantt-chart .e-connector-line {
1697
+ stroke: #29c400;
1698
+ }
1699
+ .e-gantt .e-gantt-chart .e-critical-line {
1700
+ stroke: #d13438;
1701
+ }
1702
+ .e-gantt .e-gantt-chart .e-connector-line-arrow {
1703
+ fill: #29c400;
1704
+ }
1705
+ .e-gantt .e-gantt-chart .e-critical-line-arrow {
1706
+ fill: #d13438;
1707
+ }
1686
1708
  .e-gantt .e-gantt-chart .e-connector-line-right-arrow {
1687
1709
  border-left-color: #29c400;
1688
1710
  }
@@ -1734,7 +1756,10 @@
1734
1756
  padding-right: 25px;
1735
1757
  }
1736
1758
  .e-gantt .e-gantt-chart .e-connectorpoint-right {
1737
- margin-left: 2px;
1759
+ margin-left: 3px;
1760
+ }
1761
+ .e-gantt .e-gantt-chart .e-connectorpoint-left {
1762
+ margin-right: 3px;
1738
1763
  }
1739
1764
  .e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
1740
1765
  .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
@@ -1768,23 +1793,16 @@
1768
1793
  .e-gantt .e-gantt-chart .e-icon {
1769
1794
  color: #000;
1770
1795
  }
1771
- .e-gantt .e-gantt-chart .e-milestone-top {
1772
- border-bottom-color: #000;
1773
- }
1774
- .e-gantt .e-gantt-chart .e-milestone-bottom {
1775
- border-top-color: #000;
1776
- }
1777
- .e-gantt .e-gantt-chart .e-parent-milestone-top {
1778
- border-bottom-color: #005201;
1779
- }
1780
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom {
1781
- border-top-color: #005201;
1796
+ .e-gantt .e-gantt-chart .e-gantt-milestone {
1797
+ background-color: #000;
1798
+ border-color: #6e06f1;
1782
1799
  }
1783
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top {
1784
- border-bottom-color: #989A9C;
1800
+ .e-gantt .e-gantt-chart .e-gantt-parent-milestone {
1801
+ background-color: #005201;
1785
1802
  }
1786
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1787
- border-top-color: #989A9C;
1803
+ .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
1804
+ background-color: #989A9C;
1805
+ border-color: #6e06f1;
1788
1806
  }
1789
1807
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
1790
1808
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #989A9C 30%, #989A9C 70%, #989A9C 70%, rgba(63, 81, 181, 0.2) 100%);
@@ -1804,11 +1822,8 @@
1804
1822
  .e-gantt .e-gantt-chart .e-baseline-bar {
1805
1823
  background-color: #ff7d1a;
1806
1824
  }
1807
- .e-gantt .e-gantt-chart .e-baseline-milestone-top {
1808
- border-bottom-color: #ff7d1a;
1809
- }
1810
- .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
1811
- border-top-color: #ff7d1a;
1825
+ .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
1826
+ background-color: #ff7d1a;
1812
1827
  }
1813
1828
  .e-gantt .e-gantt-chart .e-uptail::before {
1814
1829
  border-bottom-color: #e0e0e0;
@@ -1862,11 +1877,8 @@
1862
1877
  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
1863
1878
  border: transparent !important; /* stylelint-disable-line declaration-no-important */
1864
1879
  }
1865
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
1866
- border-bottom-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1867
- }
1868
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
1869
- border-top-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1880
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-milestone {
1881
+ background-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1870
1882
  }
1871
1883
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
1872
1884
  background-color: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
@@ -1880,21 +1892,15 @@
1880
1892
  background: #6e06f1 !important; /* stylelint-disable-line declaration-no-important */
1881
1893
  border: #6e06f1 !important; /* stylelint-disable-line declaration-no-important */
1882
1894
  }
1883
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
1884
- border-bottom-color: #6e06f1 !important; /* stylelint-disable-line declaration-no-important */
1885
- }
1886
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
1887
- border-top-color: #6e06f1 !important; /* stylelint-disable-line declaration-no-important */
1895
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-gantt-milestone {
1896
+ background-color: #6e06f1 !important; /* stylelint-disable-line declaration-no-important */
1888
1897
  }
1889
1898
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
1890
1899
  background: #6f07e0 !important; /* stylelint-disable-line declaration-no-important */
1891
1900
  border: #6f07e0 !important; /* stylelint-disable-line declaration-no-important */
1892
1901
  }
1893
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
1894
- border-bottom-color: #6f07e0 !important; /* stylelint-disable-line declaration-no-important */
1895
- }
1896
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
1897
- border-top-color: #6f07e0 !important; /* stylelint-disable-line declaration-no-important */
1902
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-milestone {
1903
+ background-color: #6f07e0 !important; /* stylelint-disable-line declaration-no-important */
1898
1904
  }
1899
1905
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
1900
1906
  border-color: #6e06f1 !important; /* stylelint-disable-line declaration-no-important */
@@ -1994,15 +2000,16 @@
1994
2000
  }
1995
2001
 
1996
2002
  .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
1997
- background-color: #F3D8DA;
1998
- border: 1px solid #F3D8DA;
2003
+ background: #F3D8DA;
2004
+ outline: 1px solid #F3D8DA;
1999
2005
  border-radius: 0px;
2000
2006
  }
2001
2007
 
2002
2008
  .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
2003
2009
  background-color: #D13438;
2004
2010
  border: 0px;
2005
- border-radius: 4px;
2011
+ position: absolute;
2012
+ border-radius: 3px;
2006
2013
  }
2007
2014
 
2008
2015
  .e-gantt .e-gantt-chart .e-gantt-critical-unscheduled-taskbar {
@@ -2012,10 +2019,6 @@
2012
2019
  border-radius: 0px;
2013
2020
  }
2014
2021
 
2015
- .e-gantt .e-gantt-chart .e-critical-milestone-top {
2016
- border-bottom-color: #D13438;
2017
- }
2018
-
2019
- .e-gantt .e-gantt-chart .e-critical-milestone-bottom {
2020
- border-top-color: #D13438;
2022
+ .e-gantt .e-gantt-chart .e-critical-milestone {
2023
+ background-color: #D13438;
2021
2024
  }
package/styles/highcontrast.css CHANGED
@@ -352,6 +352,12 @@
352
352
  .e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
353
353
  height: 63px !important; /* stylelint-disable-line declaration-no-important */
354
354
  }
355
+ .e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header {
356
+ padding-left: 13px;
357
+ }
358
+ .e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
359
+ display: block;
360
+ }
355
361
  .e-bigger .e-gantt .e-dialog .e-dlg-header-content {
356
362
  padding: 16px 4px 12px 18px !important; /* stylelint-disable-line declaration-no-important */
357
363
  }
@@ -371,9 +377,6 @@
371
377
  .e-bigger .e-gantt .e-dialog .e-dlg-header {
372
378
  line-height: 28px;
373
379
  }
374
- .e-bigger .e-gantt .e-filter-popup.e-popup {
375
- width: 307px !important;
376
- }
377
380
  .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
378
381
  padding: 20px 0 0 !important;
379
382
  }
@@ -381,7 +384,7 @@
381
384
  border-radius: 0px !important;
382
385
  padding: 20px 18px 0px 18px !important;
383
386
  }
384
- .e-bigger .e-grid .e-columnmenu {
387
+ .e-bigger .e-gantt .e-grid .e-columnmenu {
385
388
  top: 45px;
386
389
  }
387
390
  .e-bigger .e-gantt-dialog .e-dialog {
@@ -712,6 +715,9 @@
712
715
  line-height: 10px;
713
716
  vertical-align: middle;
714
717
  }
718
+ .e-gantt .e-gantt-tree-grid-pane .e-grid .e-gantt-resource-parent .e-rowdragdrop {
719
+ pointer-events: none;
720
+ }
715
721
  .e-gantt .e-gantt-chart {
716
722
  height: 100%;
717
723
  overflow: hidden;
@@ -1588,6 +1594,9 @@
1588
1594
  border-color: #969696;
1589
1595
  border-radius: 0px;
1590
1596
  }
1597
+ .e-gantt .e-grid .e-spinner-pane {
1598
+ display: none;
1599
+ }
1591
1600
  .e-gantt .e-cloneproperties.e-draganddrop {
1592
1601
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
1593
1602
  opacity: 0.95;
@@ -1632,6 +1641,9 @@
1632
1641
  background: rgba(255, 217, 57, 0.7);
1633
1642
  opacity: 1;
1634
1643
  }
1644
+ .e-gantt .e-taskbar-resize-div {
1645
+ border-color: #29c400;
1646
+ }
1635
1647
  .e-gantt .e-gantt-chart .e-timeline-header-container {
1636
1648
  background: #000;
1637
1649
  border-bottom-color: #969696;
@@ -1679,7 +1691,7 @@
1679
1691
  outline-color: #969696;
1680
1692
  }
1681
1693
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1682
- background-color: #6e06f1;
1694
+ background: #6e06f1;
1683
1695
  outline: 1px solid #fff;
1684
1696
  border-radius: 0px;
1685
1697
  }
@@ -1713,10 +1725,10 @@
1713
1725
  .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
1714
1726
  background-color: #3e047d;
1715
1727
  border: 0px;
1716
- border-radius: 4px;
1728
+ border-radius: 3px;
1717
1729
  }
1718
1730
  .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
1719
- background-color: #4731FE;
1731
+ background: #4731FE;
1720
1732
  outline: 1px solid #FFFFFF;
1721
1733
  }
1722
1734
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -1724,7 +1736,7 @@
1724
1736
  }
1725
1737
  .e-gantt .e-gantt-chart .e-gantt-child-manualprogressbar {
1726
1738
  background-color: #1B00F7;
1727
- border: 0px;
1739
+ outline: 0px;
1728
1740
  }
1729
1741
  .e-gantt .e-gantt-chart .e-gantt-critical-child-manualprogressbar {
1730
1742
  background-color: #1B00F7;
@@ -1784,6 +1796,18 @@
1784
1796
  .e-gantt .e-gantt-chart .e-line {
1785
1797
  border-color: #29c400;
1786
1798
  }
1799
+ .e-gantt .e-gantt-chart .e-connector-line {
1800
+ stroke: #29c400;
1801
+ }
1802
+ .e-gantt .e-gantt-chart .e-critical-line {
1803
+ stroke: #d13438;
1804
+ }
1805
+ .e-gantt .e-gantt-chart .e-connector-line-arrow {
1806
+ fill: #29c400;
1807
+ }
1808
+ .e-gantt .e-gantt-chart .e-critical-line-arrow {
1809
+ fill: #d13438;
1810
+ }
1787
1811
  .e-gantt .e-gantt-chart .e-connector-line-right-arrow {
1788
1812
  border-left-color: #29c400;
1789
1813
  }
@@ -1835,7 +1859,10 @@
1835
1859
  padding-right: 25px;
1836
1860
  }
1837
1861
  .e-gantt .e-gantt-chart .e-connectorpoint-right {
1838
- margin-left: 2px;
1862
+ margin-left: 3px;
1863
+ }
1864
+ .e-gantt .e-gantt-chart .e-connectorpoint-left {
1865
+ margin-right: 3px;
1839
1866
  }
1840
1867
  .e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
1841
1868
  .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
@@ -1869,23 +1896,16 @@
1869
1896
  .e-gantt .e-gantt-chart .e-icon {
1870
1897
  color: #fff;
1871
1898
  }
1872
- .e-gantt .e-gantt-chart .e-milestone-top {
1873
- border-bottom-color: #fff;
1874
- }
1875
- .e-gantt .e-gantt-chart .e-milestone-bottom {
1876
- border-top-color: #fff;
1877
- }
1878
- .e-gantt .e-gantt-chart .e-parent-milestone-top {
1879
- border-bottom-color: #005201;
1880
- }
1881
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom {
1882
- border-top-color: #005201;
1899
+ .e-gantt .e-gantt-chart .e-gantt-milestone {
1900
+ background-color: #fff;
1901
+ border-color: #3e047d;
1883
1902
  }
1884
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top {
1885
- border-bottom-color: #989A9C;
1903
+ .e-gantt .e-gantt-chart .e-gantt-parent-milestone {
1904
+ background-color: #005201;
1886
1905
  }
1887
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1888
- border-top-color: #989A9C;
1906
+ .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
1907
+ background-color: #989A9C;
1908
+ border-color: #3e047d;
1889
1909
  }
1890
1910
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
1891
1911
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #989A9C 30%, #989A9C 70%, #989A9C 70%, rgba(63, 81, 181, 0.2) 100%);
@@ -1905,11 +1925,8 @@
1905
1925
  .e-gantt .e-gantt-chart .e-baseline-bar {
1906
1926
  background-color: #ff7d1a;
1907
1927
  }
1908
- .e-gantt .e-gantt-chart .e-baseline-milestone-top {
1909
- border-bottom-color: #ff7d1a;
1910
- }
1911
- .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
1912
- border-top-color: #ff7d1a;
1928
+ .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
1929
+ background-color: #ff7d1a;
1913
1930
  }
1914
1931
  .e-gantt .e-gantt-chart .e-uptail::before {
1915
1932
  border-bottom-color: #e0e0e0;
@@ -1963,11 +1980,8 @@
1963
1980
  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
1964
1981
  border: transparent !important; /* stylelint-disable-line declaration-no-important */
1965
1982
  }
1966
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
1967
- border-bottom-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1968
- }
1969
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
1970
- border-top-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1983
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-milestone {
1984
+ background-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1971
1985
  }
1972
1986
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
1973
1987
  background-color: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
@@ -1981,21 +1995,15 @@
1981
1995
  background: #3e047d !important; /* stylelint-disable-line declaration-no-important */
1982
1996
  border: #3e047d !important; /* stylelint-disable-line declaration-no-important */
1983
1997
  }
1984
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
1985
- border-bottom-color: #3e047d !important; /* stylelint-disable-line declaration-no-important */
1986
- }
1987
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
1988
- border-top-color: #3e047d !important; /* stylelint-disable-line declaration-no-important */
1998
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-gantt-milestone {
1999
+ background-color: #3e047d !important; /* stylelint-disable-line declaration-no-important */
1989
2000
  }
1990
2001
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
1991
2002
  background: #a662fb !important; /* stylelint-disable-line declaration-no-important */
1992
2003
  border: #a662fb !important; /* stylelint-disable-line declaration-no-important */
1993
2004
  }
1994
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
1995
- border-bottom-color: #a662fb !important; /* stylelint-disable-line declaration-no-important */
1996
- }
1997
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
1998
- border-top-color: #a662fb !important; /* stylelint-disable-line declaration-no-important */
2005
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-milestone {
2006
+ background-color: #a662fb !important; /* stylelint-disable-line declaration-no-important */
1999
2007
  }
2000
2008
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
2001
2009
  border-color: #3e047d !important; /* stylelint-disable-line declaration-no-important */
@@ -2095,15 +2103,16 @@
2095
2103
  }
2096
2104
 
2097
2105
  .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
2098
- background-color: #F3D8DA;
2099
- border: 1px solid #F3D8DA;
2106
+ background: #F3D8DA;
2107
+ outline: 1px solid #F3D8DA;
2100
2108
  border-radius: 0px;
2101
2109
  }
2102
2110
 
2103
2111
  .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
2104
2112
  background-color: #D13438;
2105
2113
  border: 0px;
2106
- border-radius: 4px;
2114
+ position: absolute;
2115
+ border-radius: 3px;
2107
2116
  }
2108
2117
 
2109
2118
  .e-gantt .e-gantt-chart .e-gantt-critical-unscheduled-taskbar {
@@ -2113,10 +2122,6 @@
2113
2122
  border-radius: 0px;
2114
2123
  }
2115
2124
 
2116
- .e-gantt .e-gantt-chart .e-critical-milestone-top {
2117
- border-bottom-color: #D13438;
2118
- }
2119
-
2120
- .e-gantt .e-gantt-chart .e-critical-milestone-bottom {
2121
- border-top-color: #D13438;
2125
+ .e-gantt .e-gantt-chart .e-critical-milestone {
2126
+ background-color: #D13438;
2122
2127
  }