@syncfusion/ej2-vue-gantt 20.3.60 → 20.4.38

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 (41) hide show
  1. package/CHANGELOG.md +17 -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 +7 -1
  5. package/dist/es6/ej2-vue-gantt.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-gantt.es5.js +7 -1
  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 +8 -8
  10. package/src/gantt/gantt.component.d.ts +2 -0
  11. package/src/gantt/gantt.component.js +7 -1
  12. package/styles/bootstrap-dark.css +179 -12
  13. package/styles/bootstrap.css +179 -12
  14. package/styles/bootstrap4.css +178 -10
  15. package/styles/bootstrap5-dark.css +178 -10
  16. package/styles/bootstrap5.css +178 -10
  17. package/styles/fabric-dark.css +179 -12
  18. package/styles/fabric.css +179 -12
  19. package/styles/fluent-dark.css +180 -10
  20. package/styles/fluent.css +180 -10
  21. package/styles/gantt/bootstrap-dark.css +179 -12
  22. package/styles/gantt/bootstrap.css +179 -12
  23. package/styles/gantt/bootstrap4.css +178 -10
  24. package/styles/gantt/bootstrap5-dark.css +178 -10
  25. package/styles/gantt/bootstrap5.css +178 -10
  26. package/styles/gantt/fabric-dark.css +179 -12
  27. package/styles/gantt/fabric.css +179 -12
  28. package/styles/gantt/fluent-dark.css +180 -10
  29. package/styles/gantt/fluent.css +180 -10
  30. package/styles/gantt/highcontrast-light.css +178 -10
  31. package/styles/gantt/highcontrast.css +179 -12
  32. package/styles/gantt/material-dark.css +177 -12
  33. package/styles/gantt/material.css +179 -12
  34. package/styles/gantt/tailwind-dark.css +178 -10
  35. package/styles/gantt/tailwind.css +178 -10
  36. package/styles/highcontrast-light.css +178 -10
  37. package/styles/highcontrast.css +179 -12
  38. package/styles/material-dark.css +177 -12
  39. package/styles/material.css +179 -12
  40. package/styles/tailwind-dark.css +178 -10
  41. package/styles/tailwind.css +178 -10
@@ -364,7 +364,7 @@
364
364
  border-radius: 2px !important;
365
365
  padding: 28px 28px 0px 28px !important;
366
366
  }
367
- .e-bigger .e-columnmenu {
367
+ .e-bigger .e-grid .e-columnmenu {
368
368
  top: 38px;
369
369
  }
370
370
  .e-bigger .e-gantt-dialog .e-dialog {
@@ -490,9 +490,78 @@
490
490
  font-size: 12px;
491
491
  font-weight: 400;
492
492
  line-height: 1.8;
493
+ color: #f3f2f1;
493
494
  margin-bottom: 0;
494
495
  }
495
496
 
497
+ .e-blazor-gantt-tooltip .e-tip-content {
498
+ overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
499
+ white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
500
+ word-break: unset !important; /* stylelint-disable-line declaration-no-important */
501
+ }
502
+
503
+ .e-gantt-tooltip .e-tip-content {
504
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
505
+ }
506
+
507
+ .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
508
+ border-left: none !important; /* stylelint-disable-line declaration-no-important */
509
+ border-right-color: #0078d4;
510
+ }
511
+ .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
512
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
513
+ border-left-color: #0078d4;
514
+ }
515
+ .e-gantt.e-gantt-rtl .e-toolbar-right {
516
+ left: auto !important; /* stylelint-disable-line declaration-no-important */
517
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
518
+ }
519
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
520
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
521
+ border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
522
+ border-left-color: #292827 !important; /* stylelint-disable-line declaration-no-important */
523
+ }
524
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
525
+ padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
526
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
527
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
528
+ }
529
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
530
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
531
+ }
532
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
533
+ right: 1px !important; /* stylelint-disable-line declaration-no-important */
534
+ }
535
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
536
+ margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
537
+ }
538
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
539
+ border-left: 5px solid;
540
+ border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
541
+ }
542
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
543
+ transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
544
+ }
545
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
546
+ padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
547
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
548
+ }
549
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
550
+ margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
551
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
552
+ }
553
+
554
+ .e-gantt-rtl .e-gantt-tooltip-label {
555
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
556
+ }
557
+ .e-gantt-rtl .e-tip-content {
558
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
559
+ }
560
+
561
+ .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
562
+ padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
563
+ }
564
+
496
565
  .e-gantt {
497
566
  display: block;
498
567
  width: 100%;
@@ -602,6 +671,7 @@
602
671
  border-top-style: none;
603
672
  border-top-width: 0;
604
673
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
674
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
605
675
  }
606
676
  .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
607
677
  .e-gantt .e-gantt-tree-grid-pane .e-headercell {
@@ -610,6 +680,9 @@
610
680
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
611
681
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
612
682
  }
683
+ .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
684
+ overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
685
+ }
613
686
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
614
687
  width: calc(100% + 17px);
615
688
  }
@@ -629,6 +702,12 @@
629
702
  position: relative;
630
703
  width: 100%;
631
704
  }
705
+ .e-gantt .e-gantt-chart .e-chart-empty-row {
706
+ border: 0.5px solid;
707
+ position: absolute;
708
+ background-color: rgba(0, 120, 222, 0.15);
709
+ border-color: rgba(0, 120, 222, 0.65) !important;
710
+ }
632
711
  .e-gantt .e-gantt-chart .e-chart-root-container {
633
712
  border-right: 0 solid;
634
713
  }
@@ -877,6 +956,88 @@
877
956
  .e-gantt .e-gantt-chart .e-chart-rows-container {
878
957
  line-height: initial;
879
958
  }
959
+ .e-gantt .e-gantt-chart .e-masked-tbody {
960
+ table-layout: fixed;
961
+ width: 100%;
962
+ }
963
+ .e-gantt .e-gantt-chart .e-div-background {
964
+ border-color: rgb(225, 223, 221);
965
+ border-right-style: solid;
966
+ border-right-width: 1px;
967
+ height: 100%;
968
+ position: absolute;
969
+ }
970
+ .e-gantt .e-gantt-chart .e-innerHTML {
971
+ height: 16px;
972
+ width: 16px;
973
+ left: 14px;
974
+ background: rgb(225, 223, 221);
975
+ }
976
+ .e-gantt .e-gantt-chart .e-innerHTML1 {
977
+ height: 16px;
978
+ width: 16px;
979
+ left: 30px;
980
+ background: rgb(225, 223, 221);
981
+ }
982
+ .e-gantt .e-gantt-chart .e-innerHTML2 {
983
+ height: 16px;
984
+ width: 16px;
985
+ left: 60px;
986
+ background: rgb(225, 223, 221);
987
+ }
988
+ .e-gantt .e-gantt-chart .e-timelineHeader {
989
+ height: 16px;
990
+ width: 82px;
991
+ left: 20px;
992
+ background: rgb(225, 223, 221);
993
+ }
994
+ .e-gantt .e-gantt-chart .e-maskcell01 {
995
+ height: 12px;
996
+ width: 88px;
997
+ left: 14px;
998
+ border-radius: 0;
999
+ background: rgb(225, 223, 221);
1000
+ }
1001
+ .e-gantt .e-gantt-chart .e-maskcell02 {
1002
+ height: 18px;
1003
+ width: 410px;
1004
+ border-radius: 0;
1005
+ background: rgb(225, 223, 221);
1006
+ }
1007
+ .e-gantt .e-gantt-chart .e-maskcell03 {
1008
+ height: 12px;
1009
+ width: 88px;
1010
+ left: 14px;
1011
+ border-radius: 0;
1012
+ background: rgb(225, 223, 221);
1013
+ }
1014
+ .e-gantt .e-gantt-chart .e-maskcell04 {
1015
+ height: 18px;
1016
+ width: 208px;
1017
+ border-radius: 0;
1018
+ background: rgb(225, 223, 221);
1019
+ }
1020
+ .e-gantt .e-gantt-chart .e-maskcell05 {
1021
+ height: 12px;
1022
+ width: 108px;
1023
+ left: 64px;
1024
+ border-radius: 0;
1025
+ background: rgb(225, 223, 221);
1026
+ }
1027
+ .e-gantt .e-gantt-chart .e-maskcell06 {
1028
+ height: 18px;
1029
+ width: 195px;
1030
+ left: 192px;
1031
+ border-radius: 0;
1032
+ background: rgb(225, 223, 221);
1033
+ }
1034
+ .e-gantt .e-gantt-chart .e-maskcell07 {
1035
+ height: 18px;
1036
+ width: 156px;
1037
+ left: 388px;
1038
+ border-radius: 0;
1039
+ background: rgb(225, 223, 221);
1040
+ }
880
1041
  .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
881
1042
  .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
882
1043
  display: inline-block;
@@ -911,7 +1072,7 @@
911
1072
  border-right: 7px solid transparent;
912
1073
  cursor: col-resize;
913
1074
  height: 0;
914
- left: 0;
1075
+ left: 1px;
915
1076
  position: absolute;
916
1077
  top: -7px;
917
1078
  width: 0;
@@ -923,7 +1084,7 @@
923
1084
  border-right: 6px solid transparent;
924
1085
  cursor: col-resize;
925
1086
  height: 0;
926
- left: 1px;
1087
+ left: 2px;
927
1088
  position: absolute;
928
1089
  top: -7px;
929
1090
  width: 0;
@@ -1016,7 +1177,6 @@
1016
1177
  border-radius: 3px;
1017
1178
  font-weight: 500;
1018
1179
  height: 28px;
1019
- left: 5px;
1020
1180
  line-height: 1.5;
1021
1181
  padding: 3px 12px;
1022
1182
  position: absolute;
@@ -1139,6 +1299,8 @@
1139
1299
  }
1140
1300
  .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
1141
1301
  display: block;
1302
+ bottom: 1px;
1303
+ height: 3px;
1142
1304
  }
1143
1305
  .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
1144
1306
  border-style: solid;
@@ -1225,7 +1387,7 @@
1225
1387
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1226
1388
  border-radius: 50%;
1227
1389
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1228
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1390
+ width: auto;
1229
1391
  }
1230
1392
 
1231
1393
  .e-icon-rowselect::before {
@@ -1404,6 +1566,7 @@
1404
1566
  font-size: 12px;
1405
1567
  font-weight: 400;
1406
1568
  line-height: 1.8;
1569
+ color: #f3f2f1;
1407
1570
  margin-bottom: 0;
1408
1571
  }
1409
1572
 
@@ -1461,6 +1624,7 @@
1461
1624
  border-bottom-color: #292827;
1462
1625
  border-bottom-width: 1px;
1463
1626
  border-right-color: #292827;
1627
+ border-left-color: #292827;
1464
1628
  color: #f3f2f1;
1465
1629
  height: 52px;
1466
1630
  }
@@ -1503,7 +1667,7 @@
1503
1667
  }
1504
1668
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1505
1669
  background-color: #6ec0ff;
1506
- border: 1px solid #0078d4;
1670
+ outline: 1px solid #0078d4;
1507
1671
  border-radius: 4px;
1508
1672
  }
1509
1673
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1525,7 +1689,7 @@
1525
1689
  }
1526
1690
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1527
1691
  background-color: #323130;
1528
- border: 1px solid #797775;
1692
+ outline: 1px solid #797775;
1529
1693
  border-radius: 4px;
1530
1694
  }
1531
1695
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1581,6 +1745,7 @@
1581
1745
  }
1582
1746
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1583
1747
  border-right-color: #fff4ce;
1748
+ border-left-color: #fff4ce !important; /* stylelint-disable-line declaration-no-important */
1584
1749
  }
1585
1750
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1586
1751
  background: linear-gradient(to right, #005a9e, #0078d4 30%, #0078d4 70%, #0078d4 70%, #005a9e 100%);
@@ -1673,14 +1838,16 @@
1673
1838
  border-width: 3px;
1674
1839
  }
1675
1840
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1676
- border-bottom-left-radius: 0px;
1677
- border-bottom-right-radius: 2px;
1678
- border-top-left-radius: 0px;
1841
+ border-top-left-radius: 0;
1842
+ border-bottom-left-radius: 0;
1679
1843
  border-top-right-radius: 2px;
1844
+ border-bottom-right-radius: 2px;
1680
1845
  }
1681
1846
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1682
1847
  border-bottom-left-radius: 2px;
1683
1848
  border-top-left-radius: 2px;
1849
+ border-bottom-right-radius: 0;
1850
+ border-top-right-radius: 0;
1684
1851
  }
1685
1852
  .e-gantt .e-gantt-chart .e-task-label {
1686
1853
  color: #fff;
@@ -1833,6 +2000,9 @@
1833
2000
  color: #a19f9d !important; /* stylelint-disable-line declaration-no-important */
1834
2001
  }
1835
2002
 
2003
+ .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
2004
+ border: none !important; /* stylelint-disable-line declaration-no-important */
2005
+ }
1836
2006
  .e-gantt-dialog .e-dlg-header {
1837
2007
  color: #f3f2f1;
1838
2008
  }
package/styles/fluent.css CHANGED
@@ -364,7 +364,7 @@
364
364
  border-radius: 2px !important;
365
365
  padding: 28px 28px 0px 28px !important;
366
366
  }
367
- .e-bigger .e-columnmenu {
367
+ .e-bigger .e-grid .e-columnmenu {
368
368
  top: 38px;
369
369
  }
370
370
  .e-bigger .e-gantt-dialog .e-dialog {
@@ -490,9 +490,78 @@
490
490
  font-size: 12px;
491
491
  font-weight: 400;
492
492
  line-height: 1.8;
493
+ color: #201f1e;
493
494
  margin-bottom: 0;
494
495
  }
495
496
 
497
+ .e-blazor-gantt-tooltip .e-tip-content {
498
+ overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
499
+ white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
500
+ word-break: unset !important; /* stylelint-disable-line declaration-no-important */
501
+ }
502
+
503
+ .e-gantt-tooltip .e-tip-content {
504
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
505
+ }
506
+
507
+ .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
508
+ border-left: none !important; /* stylelint-disable-line declaration-no-important */
509
+ border-right-color: #0078d4;
510
+ }
511
+ .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
512
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
513
+ border-left-color: #0078d4;
514
+ }
515
+ .e-gantt.e-gantt-rtl .e-toolbar-right {
516
+ left: auto !important; /* stylelint-disable-line declaration-no-important */
517
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
518
+ }
519
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
520
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
521
+ border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
522
+ border-left-color: #edebe9 !important; /* stylelint-disable-line declaration-no-important */
523
+ }
524
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
525
+ padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
526
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
527
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
528
+ }
529
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
530
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
531
+ }
532
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
533
+ right: 1px !important; /* stylelint-disable-line declaration-no-important */
534
+ }
535
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
536
+ margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
537
+ }
538
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
539
+ border-left: 5px solid;
540
+ border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
541
+ }
542
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
543
+ transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
544
+ }
545
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
546
+ padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
547
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
548
+ }
549
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
550
+ margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
551
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
552
+ }
553
+
554
+ .e-gantt-rtl .e-gantt-tooltip-label {
555
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
556
+ }
557
+ .e-gantt-rtl .e-tip-content {
558
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
559
+ }
560
+
561
+ .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
562
+ padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
563
+ }
564
+
496
565
  .e-gantt {
497
566
  display: block;
498
567
  width: 100%;
@@ -602,6 +671,7 @@
602
671
  border-top-style: none;
603
672
  border-top-width: 0;
604
673
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
674
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
605
675
  }
606
676
  .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
607
677
  .e-gantt .e-gantt-tree-grid-pane .e-headercell {
@@ -610,6 +680,9 @@
610
680
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
611
681
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
612
682
  }
683
+ .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
684
+ overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
685
+ }
613
686
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
614
687
  width: calc(100% + 17px);
615
688
  }
@@ -629,6 +702,12 @@
629
702
  position: relative;
630
703
  width: 100%;
631
704
  }
705
+ .e-gantt .e-gantt-chart .e-chart-empty-row {
706
+ border: 0.5px solid;
707
+ position: absolute;
708
+ background-color: rgba(0, 120, 222, 0.15);
709
+ border-color: rgba(0, 120, 222, 0.65) !important;
710
+ }
632
711
  .e-gantt .e-gantt-chart .e-chart-root-container {
633
712
  border-right: 0 solid;
634
713
  }
@@ -877,6 +956,88 @@
877
956
  .e-gantt .e-gantt-chart .e-chart-rows-container {
878
957
  line-height: initial;
879
958
  }
959
+ .e-gantt .e-gantt-chart .e-masked-tbody {
960
+ table-layout: fixed;
961
+ width: 100%;
962
+ }
963
+ .e-gantt .e-gantt-chart .e-div-background {
964
+ border-color: rgb(225, 223, 221);
965
+ border-right-style: solid;
966
+ border-right-width: 1px;
967
+ height: 100%;
968
+ position: absolute;
969
+ }
970
+ .e-gantt .e-gantt-chart .e-innerHTML {
971
+ height: 16px;
972
+ width: 16px;
973
+ left: 14px;
974
+ background: rgb(225, 223, 221);
975
+ }
976
+ .e-gantt .e-gantt-chart .e-innerHTML1 {
977
+ height: 16px;
978
+ width: 16px;
979
+ left: 30px;
980
+ background: rgb(225, 223, 221);
981
+ }
982
+ .e-gantt .e-gantt-chart .e-innerHTML2 {
983
+ height: 16px;
984
+ width: 16px;
985
+ left: 60px;
986
+ background: rgb(225, 223, 221);
987
+ }
988
+ .e-gantt .e-gantt-chart .e-timelineHeader {
989
+ height: 16px;
990
+ width: 82px;
991
+ left: 20px;
992
+ background: rgb(225, 223, 221);
993
+ }
994
+ .e-gantt .e-gantt-chart .e-maskcell01 {
995
+ height: 12px;
996
+ width: 88px;
997
+ left: 14px;
998
+ border-radius: 0;
999
+ background: rgb(225, 223, 221);
1000
+ }
1001
+ .e-gantt .e-gantt-chart .e-maskcell02 {
1002
+ height: 18px;
1003
+ width: 410px;
1004
+ border-radius: 0;
1005
+ background: rgb(225, 223, 221);
1006
+ }
1007
+ .e-gantt .e-gantt-chart .e-maskcell03 {
1008
+ height: 12px;
1009
+ width: 88px;
1010
+ left: 14px;
1011
+ border-radius: 0;
1012
+ background: rgb(225, 223, 221);
1013
+ }
1014
+ .e-gantt .e-gantt-chart .e-maskcell04 {
1015
+ height: 18px;
1016
+ width: 208px;
1017
+ border-radius: 0;
1018
+ background: rgb(225, 223, 221);
1019
+ }
1020
+ .e-gantt .e-gantt-chart .e-maskcell05 {
1021
+ height: 12px;
1022
+ width: 108px;
1023
+ left: 64px;
1024
+ border-radius: 0;
1025
+ background: rgb(225, 223, 221);
1026
+ }
1027
+ .e-gantt .e-gantt-chart .e-maskcell06 {
1028
+ height: 18px;
1029
+ width: 195px;
1030
+ left: 192px;
1031
+ border-radius: 0;
1032
+ background: rgb(225, 223, 221);
1033
+ }
1034
+ .e-gantt .e-gantt-chart .e-maskcell07 {
1035
+ height: 18px;
1036
+ width: 156px;
1037
+ left: 388px;
1038
+ border-radius: 0;
1039
+ background: rgb(225, 223, 221);
1040
+ }
880
1041
  .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
881
1042
  .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
882
1043
  display: inline-block;
@@ -911,7 +1072,7 @@
911
1072
  border-right: 7px solid transparent;
912
1073
  cursor: col-resize;
913
1074
  height: 0;
914
- left: 0;
1075
+ left: 1px;
915
1076
  position: absolute;
916
1077
  top: -7px;
917
1078
  width: 0;
@@ -923,7 +1084,7 @@
923
1084
  border-right: 6px solid transparent;
924
1085
  cursor: col-resize;
925
1086
  height: 0;
926
- left: 1px;
1087
+ left: 2px;
927
1088
  position: absolute;
928
1089
  top: -7px;
929
1090
  width: 0;
@@ -1016,7 +1177,6 @@
1016
1177
  border-radius: 3px;
1017
1178
  font-weight: 500;
1018
1179
  height: 28px;
1019
- left: 5px;
1020
1180
  line-height: 1.5;
1021
1181
  padding: 3px 12px;
1022
1182
  position: absolute;
@@ -1139,6 +1299,8 @@
1139
1299
  }
1140
1300
  .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
1141
1301
  display: block;
1302
+ bottom: 1px;
1303
+ height: 3px;
1142
1304
  }
1143
1305
  .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
1144
1306
  border-style: solid;
@@ -1225,7 +1387,7 @@
1225
1387
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1226
1388
  border-radius: 50%;
1227
1389
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1228
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1390
+ width: auto;
1229
1391
  }
1230
1392
 
1231
1393
  .e-icon-rowselect::before {
@@ -1404,6 +1566,7 @@
1404
1566
  font-size: 12px;
1405
1567
  font-weight: 400;
1406
1568
  line-height: 1.8;
1569
+ color: #201f1e;
1407
1570
  margin-bottom: 0;
1408
1571
  }
1409
1572
 
@@ -1461,6 +1624,7 @@
1461
1624
  border-bottom-color: #edebe9;
1462
1625
  border-bottom-width: 1px;
1463
1626
  border-right-color: #edebe9;
1627
+ border-left-color: #edebe9;
1464
1628
  color: #201f1e;
1465
1629
  height: 52px;
1466
1630
  }
@@ -1503,7 +1667,7 @@
1503
1667
  }
1504
1668
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1505
1669
  background-color: #6ec0ff;
1506
- border: 1px solid #0078d4;
1670
+ outline: 1px solid #0078d4;
1507
1671
  border-radius: 4px;
1508
1672
  }
1509
1673
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1525,7 +1689,7 @@
1525
1689
  }
1526
1690
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1527
1691
  background-color: #e1dfdd;
1528
- border: 1px solid #c8c6c4;
1692
+ outline: 1px solid #c8c6c4;
1529
1693
  border-radius: 4px;
1530
1694
  }
1531
1695
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1581,6 +1745,7 @@
1581
1745
  }
1582
1746
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1583
1747
  border-right-color: #fff4ce;
1748
+ border-left-color: #fff4ce !important; /* stylelint-disable-line declaration-no-important */
1584
1749
  }
1585
1750
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1586
1751
  background: linear-gradient(to right, #c7e0f4, #0078d4 30%, #0078d4 70%, #0078d4 70%, #c7e0f4 100%);
@@ -1673,14 +1838,16 @@
1673
1838
  border-width: 3px;
1674
1839
  }
1675
1840
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1676
- border-bottom-left-radius: 0px;
1677
- border-bottom-right-radius: 2px;
1678
- border-top-left-radius: 0px;
1841
+ border-top-left-radius: 0;
1842
+ border-bottom-left-radius: 0;
1679
1843
  border-top-right-radius: 2px;
1844
+ border-bottom-right-radius: 2px;
1680
1845
  }
1681
1846
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1682
1847
  border-bottom-left-radius: 2px;
1683
1848
  border-top-left-radius: 2px;
1849
+ border-bottom-right-radius: 0;
1850
+ border-top-right-radius: 0;
1684
1851
  }
1685
1852
  .e-gantt .e-gantt-chart .e-task-label {
1686
1853
  color: #fff;
@@ -1833,6 +2000,9 @@
1833
2000
  color: #605e5c !important; /* stylelint-disable-line declaration-no-important */
1834
2001
  }
1835
2002
 
2003
+ .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
2004
+ border: none !important; /* stylelint-disable-line declaration-no-important */
2005
+ }
1836
2006
  .e-gantt-dialog .e-dlg-header {
1837
2007
  color: #201f1e;
1838
2008
  }