@syncfusion/ej2-vue-gantt 20.3.61 → 20.4.40

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 (42) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/README.md +181 -67
  3. package/dist/ej2-vue-gantt.umd.min.js +2 -2
  4. package/dist/ej2-vue-gantt.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-vue-gantt.es2015.js +7 -1
  6. package/dist/es6/ej2-vue-gantt.es2015.js.map +1 -1
  7. package/dist/es6/ej2-vue-gantt.es5.js +7 -1
  8. package/dist/es6/ej2-vue-gantt.es5.js.map +1 -1
  9. package/dist/global/ej2-vue-gantt.min.js +2 -2
  10. package/package.json +10 -19
  11. package/src/gantt/gantt.component.d.ts +2 -0
  12. package/src/gantt/gantt.component.js +7 -1
  13. package/styles/bootstrap-dark.css +179 -12
  14. package/styles/bootstrap.css +179 -12
  15. package/styles/bootstrap4.css +179 -11
  16. package/styles/bootstrap5-dark.css +178 -10
  17. package/styles/bootstrap5.css +178 -10
  18. package/styles/fabric-dark.css +179 -12
  19. package/styles/fabric.css +179 -12
  20. package/styles/fluent-dark.css +180 -10
  21. package/styles/fluent.css +180 -10
  22. package/styles/gantt/bootstrap-dark.css +179 -12
  23. package/styles/gantt/bootstrap.css +179 -12
  24. package/styles/gantt/bootstrap4.css +179 -11
  25. package/styles/gantt/bootstrap5-dark.css +178 -10
  26. package/styles/gantt/bootstrap5.css +178 -10
  27. package/styles/gantt/fabric-dark.css +179 -12
  28. package/styles/gantt/fabric.css +179 -12
  29. package/styles/gantt/fluent-dark.css +180 -10
  30. package/styles/gantt/fluent.css +180 -10
  31. package/styles/gantt/highcontrast-light.css +178 -10
  32. package/styles/gantt/highcontrast.css +179 -12
  33. package/styles/gantt/material-dark.css +177 -12
  34. package/styles/gantt/material.css +179 -12
  35. package/styles/gantt/tailwind-dark.css +178 -10
  36. package/styles/gantt/tailwind.css +178 -10
  37. package/styles/highcontrast-light.css +178 -10
  38. package/styles/highcontrast.css +179 -12
  39. package/styles/material-dark.css +177 -12
  40. package/styles/material.css +179 -12
  41. package/styles/tailwind-dark.css +178 -10
  42. package/styles/tailwind.css +178 -10
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-dropdown-btn.e-active.e-tbar-btn {
3
2
  background: #e6e6e6;
4
3
  border: 1px solid #8c8c8c;
@@ -334,7 +333,7 @@
334
333
  content: "\e842";
335
334
  }
336
335
  .e-gantt .e-notes-info::before {
337
- content: "🛈";
336
+ content: "\e607";
338
337
  }
339
338
  .e-gantt .e-left-resize-gripper::before,
340
339
  .e-gantt .e-right-resize-gripper::before {
@@ -486,7 +485,7 @@
486
485
  border-radius: 6px !important;
487
486
  padding: 32px 16px 16px !important;
488
487
  }
489
- .e-bigger .e-columnmenu {
488
+ .e-bigger .e-grid .e-columnmenu {
490
489
  top: 40px;
491
490
  }
492
491
  .e-bigger .e-gantt-dialog .e-dialog {
@@ -611,6 +610,75 @@
611
610
  font-size: 12px;
612
611
  font-weight: 400;
613
612
  line-height: 1.8;
613
+ color: #000;
614
+ }
615
+
616
+ .e-blazor-gantt-tooltip .e-tip-content {
617
+ overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
618
+ white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
619
+ word-break: unset !important; /* stylelint-disable-line declaration-no-important */
620
+ }
621
+
622
+ .e-gantt-tooltip .e-tip-content {
623
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
624
+ }
625
+
626
+ .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
627
+ border-left: none !important; /* stylelint-disable-line declaration-no-important */
628
+ border-right-color: #21527d;
629
+ }
630
+ .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
631
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
632
+ border-left-color: #21527d;
633
+ }
634
+ .e-gantt.e-gantt-rtl .e-toolbar-right {
635
+ left: auto !important; /* stylelint-disable-line declaration-no-important */
636
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
637
+ }
638
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
639
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
640
+ border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
641
+ border-left-color: #ddd !important; /* stylelint-disable-line declaration-no-important */
642
+ }
643
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
644
+ padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
645
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
646
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
647
+ }
648
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
649
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
650
+ }
651
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
652
+ right: 1px !important; /* stylelint-disable-line declaration-no-important */
653
+ }
654
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
655
+ margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
656
+ }
657
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
658
+ border-left: 5px solid;
659
+ border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
660
+ }
661
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
662
+ transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
663
+ }
664
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
665
+ padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
666
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
667
+ }
668
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
669
+ margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
670
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
671
+ }
672
+
673
+ .e-gantt-rtl .e-gantt-tooltip-label {
674
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
675
+ }
676
+ .e-gantt-rtl .e-tip-content {
677
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
678
+ }
679
+
680
+ .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
681
+ padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
614
682
  }
615
683
 
616
684
  .e-gantt {
@@ -722,6 +790,7 @@
722
790
  border-top-style: none;
723
791
  border-top-width: 0;
724
792
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
793
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
725
794
  }
726
795
  .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
727
796
  .e-gantt .e-gantt-tree-grid-pane .e-headercell {
@@ -730,6 +799,9 @@
730
799
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
731
800
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
732
801
  }
802
+ .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
803
+ overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
804
+ }
733
805
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
734
806
  width: calc(100% + 17px);
735
807
  }
@@ -749,6 +821,12 @@
749
821
  position: relative;
750
822
  width: 100%;
751
823
  }
824
+ .e-gantt .e-gantt-chart .e-chart-empty-row {
825
+ border: 0.5px solid;
826
+ position: absolute;
827
+ background-color: rgba(33, 82, 125, 0.15);
828
+ border-color: rgba(33, 82, 125, 0.65) !important;
829
+ }
752
830
  .e-gantt .e-gantt-chart .e-chart-root-container {
753
831
  border-right: 0 solid;
754
832
  }
@@ -997,6 +1075,88 @@
997
1075
  .e-gantt .e-gantt-chart .e-chart-rows-container {
998
1076
  line-height: initial;
999
1077
  }
1078
+ .e-gantt .e-gantt-chart .e-masked-tbody {
1079
+ table-layout: fixed;
1080
+ width: 100%;
1081
+ }
1082
+ .e-gantt .e-gantt-chart .e-div-background {
1083
+ border-color: #e1dfdd;
1084
+ border-right-style: solid;
1085
+ border-right-width: 1px;
1086
+ height: 100%;
1087
+ position: absolute;
1088
+ }
1089
+ .e-gantt .e-gantt-chart .e-innerHTML {
1090
+ height: 16px;
1091
+ width: 16px;
1092
+ left: 14px;
1093
+ background: #e1dfdd;
1094
+ }
1095
+ .e-gantt .e-gantt-chart .e-innerHTML1 {
1096
+ height: 16px;
1097
+ width: 16px;
1098
+ left: 30px;
1099
+ background: #e1dfdd;
1100
+ }
1101
+ .e-gantt .e-gantt-chart .e-innerHTML2 {
1102
+ height: 16px;
1103
+ width: 16px;
1104
+ left: 60px;
1105
+ background: #e1dfdd;
1106
+ }
1107
+ .e-gantt .e-gantt-chart .e-timelineHeader {
1108
+ height: 16px;
1109
+ width: 82px;
1110
+ left: 20px;
1111
+ background: #e1dfdd;
1112
+ }
1113
+ .e-gantt .e-gantt-chart .e-maskcell01 {
1114
+ height: 12px;
1115
+ width: 88px;
1116
+ left: 14px;
1117
+ border-radius: 0;
1118
+ background: #e1dfdd;
1119
+ }
1120
+ .e-gantt .e-gantt-chart .e-maskcell02 {
1121
+ height: 18px;
1122
+ width: 410px;
1123
+ border-radius: 0;
1124
+ background: #e1dfdd;
1125
+ }
1126
+ .e-gantt .e-gantt-chart .e-maskcell03 {
1127
+ height: 12px;
1128
+ width: 88px;
1129
+ left: 14px;
1130
+ border-radius: 0;
1131
+ background: #e1dfdd;
1132
+ }
1133
+ .e-gantt .e-gantt-chart .e-maskcell04 {
1134
+ height: 18px;
1135
+ width: 208px;
1136
+ border-radius: 0;
1137
+ background: #e1dfdd;
1138
+ }
1139
+ .e-gantt .e-gantt-chart .e-maskcell05 {
1140
+ height: 12px;
1141
+ width: 108px;
1142
+ left: 64px;
1143
+ border-radius: 0;
1144
+ background: #e1dfdd;
1145
+ }
1146
+ .e-gantt .e-gantt-chart .e-maskcell06 {
1147
+ height: 18px;
1148
+ width: 195px;
1149
+ left: 192px;
1150
+ border-radius: 0;
1151
+ background: #e1dfdd;
1152
+ }
1153
+ .e-gantt .e-gantt-chart .e-maskcell07 {
1154
+ height: 18px;
1155
+ width: 156px;
1156
+ left: 388px;
1157
+ border-radius: 0;
1158
+ background: #e1dfdd;
1159
+ }
1000
1160
  .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
1001
1161
  .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
1002
1162
  display: inline-block;
@@ -1031,7 +1191,7 @@
1031
1191
  border-right: 7px solid transparent;
1032
1192
  cursor: col-resize;
1033
1193
  height: 0;
1034
- left: 0;
1194
+ left: 1px;
1035
1195
  position: absolute;
1036
1196
  top: -7px;
1037
1197
  width: 0;
@@ -1043,7 +1203,7 @@
1043
1203
  border-right: 6px solid transparent;
1044
1204
  cursor: col-resize;
1045
1205
  height: 0;
1046
- left: 1px;
1206
+ left: 2px;
1047
1207
  position: absolute;
1048
1208
  top: -7px;
1049
1209
  width: 0;
@@ -1136,7 +1296,6 @@
1136
1296
  border-radius: 3px;
1137
1297
  font-weight: 500;
1138
1298
  height: 30px;
1139
- left: 5px;
1140
1299
  line-height: 1.5;
1141
1300
  padding: 7px 12px;
1142
1301
  position: absolute;
@@ -1345,7 +1504,7 @@
1345
1504
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1346
1505
  border-radius: 50%;
1347
1506
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1348
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1507
+ width: auto;
1349
1508
  }
1350
1509
 
1351
1510
  .e-icon-rowselect::before {
@@ -1523,6 +1682,7 @@
1523
1682
  font-size: 12px;
1524
1683
  font-weight: 400;
1525
1684
  line-height: 1.8;
1685
+ color: #000;
1526
1686
  }
1527
1687
 
1528
1688
  /*! Gantt theme */
@@ -1579,6 +1739,7 @@
1579
1739
  border-bottom-color: #ddd;
1580
1740
  border-bottom-width: 0px;
1581
1741
  border-right-color: #ddd;
1742
+ border-left-color: #ddd;
1582
1743
  color: #333;
1583
1744
  height: 64px;
1584
1745
  }
@@ -1621,7 +1782,7 @@
1621
1782
  }
1622
1783
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1623
1784
  background-color: #317ab9;
1624
- border: 1px solid #21527d;
1785
+ outline: 1px solid #21527d;
1625
1786
  border-radius: 4px;
1626
1787
  }
1627
1788
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1643,7 +1804,7 @@
1643
1804
  }
1644
1805
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1645
1806
  background-color: #777;
1646
- border: 1px solid #555;
1807
+ outline: 1px solid #555;
1647
1808
  border-radius: 4px;
1648
1809
  }
1649
1810
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1699,6 +1860,7 @@
1699
1860
  }
1700
1861
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1701
1862
  border-right-color: #8a6d3b;
1863
+ border-left-color: #8a6d3b !important; /* stylelint-disable-line declaration-no-important */
1702
1864
  }
1703
1865
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1704
1866
  background: linear-gradient(to right, rgba(49, 122, 185, 0.2), #317ab9 30%, #317ab9 70%, #317ab9 70%, rgba(49, 122, 185, 0.2) 100%);
@@ -1791,14 +1953,16 @@
1791
1953
  border-width: 3px;
1792
1954
  }
1793
1955
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1794
- border-bottom-left-radius: 0px;
1795
- border-bottom-right-radius: 2px;
1796
- border-top-left-radius: 0px;
1956
+ border-top-left-radius: 0;
1957
+ border-bottom-left-radius: 0;
1797
1958
  border-top-right-radius: 2px;
1959
+ border-bottom-right-radius: 2px;
1798
1960
  }
1799
1961
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1800
1962
  border-bottom-left-radius: 2px;
1801
1963
  border-top-left-radius: 2px;
1964
+ border-bottom-right-radius: 0;
1965
+ border-top-right-radius: 0;
1802
1966
  }
1803
1967
  .e-gantt .e-gantt-chart .e-task-label {
1804
1968
  color: #fff;
@@ -1951,6 +2115,9 @@
1951
2115
  color: #333 !important; /* stylelint-disable-line declaration-no-important */
1952
2116
  }
1953
2117
 
2118
+ .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
2119
+ border: none !important; /* stylelint-disable-line declaration-no-important */
2120
+ }
1954
2121
  .e-gantt-dialog .e-dlg-header {
1955
2122
  color: #fff;
1956
2123
  }
@@ -414,7 +414,7 @@
414
414
 
415
415
  .e-bigger .e-multi-select-wrapper .e-chips-close {
416
416
  height: 30px;
417
- width: auto;
417
+ width: 30px;
418
418
  }
419
419
 
420
420
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
@@ -666,7 +666,7 @@
666
666
  border-radius: 6px !important;
667
667
  padding: 32px 16px 16px !important;
668
668
  }
669
- .e-bigger .e-columnmenu {
669
+ .e-bigger .e-grid .e-columnmenu {
670
670
  top: 38px;
671
671
  }
672
672
  .e-bigger .e-gantt-dialog .e-dialog {
@@ -794,6 +794,75 @@
794
794
  font-size: 12px;
795
795
  font-weight: 400;
796
796
  line-height: 1.8;
797
+ color: #000;
798
+ }
799
+
800
+ .e-blazor-gantt-tooltip .e-tip-content {
801
+ overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
802
+ white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
803
+ word-break: unset !important; /* stylelint-disable-line declaration-no-important */
804
+ }
805
+
806
+ .e-gantt-tooltip .e-tip-content {
807
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
808
+ }
809
+
810
+ .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
811
+ border-left: none !important; /* stylelint-disable-line declaration-no-important */
812
+ border-right-color: #0056b3;
813
+ }
814
+ .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
815
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
816
+ border-left-color: #0056b3;
817
+ }
818
+ .e-gantt.e-gantt-rtl .e-toolbar-right {
819
+ left: auto !important; /* stylelint-disable-line declaration-no-important */
820
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
821
+ }
822
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
823
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
824
+ border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
825
+ border-left-color: #dee2e6 !important; /* stylelint-disable-line declaration-no-important */
826
+ }
827
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
828
+ padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
829
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
830
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
831
+ }
832
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
833
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
834
+ }
835
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
836
+ right: 1px !important; /* stylelint-disable-line declaration-no-important */
837
+ }
838
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
839
+ margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
840
+ }
841
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
842
+ border-left: 5px solid;
843
+ border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
844
+ }
845
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
846
+ transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
847
+ }
848
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
849
+ padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
850
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
851
+ }
852
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
853
+ margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
854
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
855
+ }
856
+
857
+ .e-gantt-rtl .e-gantt-tooltip-label {
858
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
859
+ }
860
+ .e-gantt-rtl .e-tip-content {
861
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
862
+ }
863
+
864
+ .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
865
+ padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
797
866
  }
798
867
 
799
868
  .e-gantt {
@@ -905,6 +974,7 @@
905
974
  border-top-style: none;
906
975
  border-top-width: 0;
907
976
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
977
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
908
978
  }
909
979
  .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
910
980
  .e-gantt .e-gantt-tree-grid-pane .e-headercell {
@@ -913,6 +983,9 @@
913
983
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
914
984
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
915
985
  }
986
+ .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
987
+ overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
988
+ }
916
989
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
917
990
  width: calc(100% + 17px);
918
991
  }
@@ -932,6 +1005,12 @@
932
1005
  position: relative;
933
1006
  width: 100%;
934
1007
  }
1008
+ .e-gantt .e-gantt-chart .e-chart-empty-row {
1009
+ border: 0.5px solid;
1010
+ position: absolute;
1011
+ background-color: rgba(0, 120, 222, 0.15);
1012
+ border-color: rgba(0, 120, 222, 0.65) !important;
1013
+ }
935
1014
  .e-gantt .e-gantt-chart .e-chart-root-container {
936
1015
  border-right: 0 solid;
937
1016
  }
@@ -1180,6 +1259,88 @@
1180
1259
  .e-gantt .e-gantt-chart .e-chart-rows-container {
1181
1260
  line-height: initial;
1182
1261
  }
1262
+ .e-gantt .e-gantt-chart .e-masked-tbody {
1263
+ table-layout: fixed;
1264
+ width: 100%;
1265
+ }
1266
+ .e-gantt .e-gantt-chart .e-div-background {
1267
+ border-color: #e1dfdd;
1268
+ border-right-style: solid;
1269
+ border-right-width: 1px;
1270
+ height: 100%;
1271
+ position: absolute;
1272
+ }
1273
+ .e-gantt .e-gantt-chart .e-innerHTML {
1274
+ height: 16px;
1275
+ width: 16px;
1276
+ left: 14px;
1277
+ background: #e1dfdd;
1278
+ }
1279
+ .e-gantt .e-gantt-chart .e-innerHTML1 {
1280
+ height: 16px;
1281
+ width: 16px;
1282
+ left: 30px;
1283
+ background: #e1dfdd;
1284
+ }
1285
+ .e-gantt .e-gantt-chart .e-innerHTML2 {
1286
+ height: 16px;
1287
+ width: 16px;
1288
+ left: 60px;
1289
+ background: #e1dfdd;
1290
+ }
1291
+ .e-gantt .e-gantt-chart .e-timelineHeader {
1292
+ height: 16px;
1293
+ width: 82px;
1294
+ left: 20px;
1295
+ background: #e1dfdd;
1296
+ }
1297
+ .e-gantt .e-gantt-chart .e-maskcell01 {
1298
+ height: 12px;
1299
+ width: 88px;
1300
+ left: 14px;
1301
+ border-radius: 0;
1302
+ background: #e1dfdd;
1303
+ }
1304
+ .e-gantt .e-gantt-chart .e-maskcell02 {
1305
+ height: 18px;
1306
+ width: 410px;
1307
+ border-radius: 0;
1308
+ background: #e1dfdd;
1309
+ }
1310
+ .e-gantt .e-gantt-chart .e-maskcell03 {
1311
+ height: 12px;
1312
+ width: 88px;
1313
+ left: 14px;
1314
+ border-radius: 0;
1315
+ background: #e1dfdd;
1316
+ }
1317
+ .e-gantt .e-gantt-chart .e-maskcell04 {
1318
+ height: 18px;
1319
+ width: 208px;
1320
+ border-radius: 0;
1321
+ background: #e1dfdd;
1322
+ }
1323
+ .e-gantt .e-gantt-chart .e-maskcell05 {
1324
+ height: 12px;
1325
+ width: 108px;
1326
+ left: 64px;
1327
+ border-radius: 0;
1328
+ background: #e1dfdd;
1329
+ }
1330
+ .e-gantt .e-gantt-chart .e-maskcell06 {
1331
+ height: 18px;
1332
+ width: 195px;
1333
+ left: 192px;
1334
+ border-radius: 0;
1335
+ background: #e1dfdd;
1336
+ }
1337
+ .e-gantt .e-gantt-chart .e-maskcell07 {
1338
+ height: 18px;
1339
+ width: 156px;
1340
+ left: 388px;
1341
+ border-radius: 0;
1342
+ background: #e1dfdd;
1343
+ }
1183
1344
  .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
1184
1345
  .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
1185
1346
  display: inline-block;
@@ -1214,7 +1375,7 @@
1214
1375
  border-right: 7px solid transparent;
1215
1376
  cursor: col-resize;
1216
1377
  height: 0;
1217
- left: 0;
1378
+ left: 1px;
1218
1379
  position: absolute;
1219
1380
  top: -7px;
1220
1381
  width: 0;
@@ -1226,7 +1387,7 @@
1226
1387
  border-right: 6px solid transparent;
1227
1388
  cursor: col-resize;
1228
1389
  height: 0;
1229
- left: 1px;
1390
+ left: 2px;
1230
1391
  position: absolute;
1231
1392
  top: -7px;
1232
1393
  width: 0;
@@ -1319,7 +1480,6 @@
1319
1480
  border-radius: 3px;
1320
1481
  font-weight: 500;
1321
1482
  height: 28px;
1322
- left: 5px;
1323
1483
  line-height: 1.5;
1324
1484
  padding: 4px 12px;
1325
1485
  position: absolute;
@@ -1528,7 +1688,7 @@
1528
1688
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1529
1689
  border-radius: 50%;
1530
1690
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1531
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1691
+ width: auto;
1532
1692
  }
1533
1693
 
1534
1694
  .e-icon-rowselect::before {
@@ -1706,6 +1866,7 @@
1706
1866
  font-size: 12px;
1707
1867
  font-weight: 400;
1708
1868
  line-height: 1.8;
1869
+ color: #000;
1709
1870
  }
1710
1871
 
1711
1872
  /*! Gantt theme */
@@ -1762,6 +1923,7 @@
1762
1923
  border-bottom-color: #dee2e6;
1763
1924
  border-bottom-width: 0px;
1764
1925
  border-right-color: #dee2e6;
1926
+ border-left-color: #dee2e6;
1765
1927
  color: #212529;
1766
1928
  height: 64px;
1767
1929
  }
@@ -1804,7 +1966,7 @@
1804
1966
  }
1805
1967
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1806
1968
  background-color: #007bff;
1807
- border: 1px solid #0056b3;
1969
+ outline: 1px solid #0056b3;
1808
1970
  border-radius: 4px;
1809
1971
  }
1810
1972
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1826,7 +1988,7 @@
1826
1988
  }
1827
1989
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1828
1990
  background-color: #6c757d;
1829
- border: 1px solid #495057;
1991
+ outline: 1px solid #495057;
1830
1992
  border-radius: 4px;
1831
1993
  }
1832
1994
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1882,6 +2044,7 @@
1882
2044
  }
1883
2045
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1884
2046
  border-right-color: #ffc107;
2047
+ border-left-color: #ffc107 !important; /* stylelint-disable-line declaration-no-important */
1885
2048
  }
1886
2049
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1887
2050
  background: linear-gradient(to right, rgba(0, 123, 255, 0.2), #007bff 30%, #007bff 70%, #007bff 70%, rgba(0, 123, 255, 0.2) 100%);
@@ -1974,14 +2137,16 @@
1974
2137
  border-width: 3px;
1975
2138
  }
1976
2139
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1977
- border-bottom-left-radius: 0px;
1978
- border-bottom-right-radius: 2px;
1979
- border-top-left-radius: 0px;
2140
+ border-top-left-radius: 0;
2141
+ border-bottom-left-radius: 0;
1980
2142
  border-top-right-radius: 2px;
2143
+ border-bottom-right-radius: 2px;
1981
2144
  }
1982
2145
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1983
2146
  border-bottom-left-radius: 2px;
1984
2147
  border-top-left-radius: 2px;
2148
+ border-bottom-right-radius: 0;
2149
+ border-top-right-radius: 0;
1985
2150
  }
1986
2151
  .e-gantt .e-gantt-chart .e-task-label {
1987
2152
  color: #fff;
@@ -2134,6 +2299,9 @@
2134
2299
  color: #212529 !important; /* stylelint-disable-line declaration-no-important */
2135
2300
  }
2136
2301
 
2302
+ .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
2303
+ border: none !important; /* stylelint-disable-line declaration-no-important */
2304
+ }
2137
2305
  .e-gantt-dialog .e-dlg-header {
2138
2306
  color: #fff;
2139
2307
  }