@syncfusion/ej2-vue-gantt 20.3.61 → 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 +8 -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
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .e-ddl.e-popup {
3
2
  border: 0;
4
3
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
@@ -146,7 +145,7 @@
146
145
  content: "\e953";
147
146
  }
148
147
  .e-gantt .e-notes-info::before {
149
- content: "🛈";
148
+ content: "\e607";
150
149
  }
151
150
  .e-gantt .e-expandall::before {
152
151
  content: "\e555";
@@ -298,7 +297,7 @@
298
297
  border-radius: 6px !important;
299
298
  padding: 32px 16px 16px !important;
300
299
  }
301
- .e-bigger .e-columnmenu {
300
+ .e-bigger .e-grid .e-columnmenu {
302
301
  top: 45px;
303
302
  }
304
303
  .e-bigger .e-gantt-dialog .e-dialog {
@@ -423,6 +422,75 @@
423
422
  font-size: 12px;
424
423
  font-weight: 400;
425
424
  line-height: 1.8;
425
+ color: #000;
426
+ }
427
+
428
+ .e-blazor-gantt-tooltip .e-tip-content {
429
+ overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
430
+ white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
431
+ word-break: unset !important; /* stylelint-disable-line declaration-no-important */
432
+ }
433
+
434
+ .e-gantt-tooltip .e-tip-content {
435
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
436
+ }
437
+
438
+ .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
439
+ border-left: none !important; /* stylelint-disable-line declaration-no-important */
440
+ border-right-color: #0063ad;
441
+ }
442
+ .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
443
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
444
+ border-left-color: #0063ad;
445
+ }
446
+ .e-gantt.e-gantt-rtl .e-toolbar-right {
447
+ left: auto !important; /* stylelint-disable-line declaration-no-important */
448
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
449
+ }
450
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
451
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
452
+ border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
453
+ border-left-color: #414040 !important; /* stylelint-disable-line declaration-no-important */
454
+ }
455
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
456
+ padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
457
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
458
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
459
+ }
460
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
461
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
462
+ }
463
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
464
+ right: 1px !important; /* stylelint-disable-line declaration-no-important */
465
+ }
466
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
467
+ margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
468
+ }
469
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
470
+ border-left: 5px solid;
471
+ border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
472
+ }
473
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
474
+ transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
475
+ }
476
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
477
+ padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
478
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
479
+ }
480
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
481
+ margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
482
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
483
+ }
484
+
485
+ .e-gantt-rtl .e-gantt-tooltip-label {
486
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
487
+ }
488
+ .e-gantt-rtl .e-tip-content {
489
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
490
+ }
491
+
492
+ .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
493
+ padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
426
494
  }
427
495
 
428
496
  .e-gantt {
@@ -534,6 +602,7 @@
534
602
  border-top-style: none;
535
603
  border-top-width: 0;
536
604
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
605
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
537
606
  }
538
607
  .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
539
608
  .e-gantt .e-gantt-tree-grid-pane .e-headercell {
@@ -542,6 +611,9 @@
542
611
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
543
612
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
544
613
  }
614
+ .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
615
+ overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
616
+ }
545
617
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
546
618
  width: calc(100% + 17px);
547
619
  }
@@ -561,6 +633,12 @@
561
633
  position: relative;
562
634
  width: 100%;
563
635
  }
636
+ .e-gantt .e-gantt-chart .e-chart-empty-row {
637
+ border: 0.5px solid;
638
+ position: absolute;
639
+ background-color: rgba(0, 120, 222, 0.15);
640
+ border-color: rgba(0, 120, 222, 0.65) !important;
641
+ }
564
642
  .e-gantt .e-gantt-chart .e-chart-root-container {
565
643
  border-right: 0 solid;
566
644
  }
@@ -809,6 +887,88 @@
809
887
  .e-gantt .e-gantt-chart .e-chart-rows-container {
810
888
  line-height: initial;
811
889
  }
890
+ .e-gantt .e-gantt-chart .e-masked-tbody {
891
+ table-layout: fixed;
892
+ width: 100%;
893
+ }
894
+ .e-gantt .e-gantt-chart .e-div-background {
895
+ border-color: #e1dfdd;
896
+ border-right-style: solid;
897
+ border-right-width: 1px;
898
+ height: 100%;
899
+ position: absolute;
900
+ }
901
+ .e-gantt .e-gantt-chart .e-innerHTML {
902
+ height: 16px;
903
+ width: 16px;
904
+ left: 14px;
905
+ background: #e1dfdd;
906
+ }
907
+ .e-gantt .e-gantt-chart .e-innerHTML1 {
908
+ height: 16px;
909
+ width: 16px;
910
+ left: 30px;
911
+ background: #e1dfdd;
912
+ }
913
+ .e-gantt .e-gantt-chart .e-innerHTML2 {
914
+ height: 16px;
915
+ width: 16px;
916
+ left: 60px;
917
+ background: #e1dfdd;
918
+ }
919
+ .e-gantt .e-gantt-chart .e-timelineHeader {
920
+ height: 16px;
921
+ width: 82px;
922
+ left: 20px;
923
+ background: #e1dfdd;
924
+ }
925
+ .e-gantt .e-gantt-chart .e-maskcell01 {
926
+ height: 12px;
927
+ width: 88px;
928
+ left: 14px;
929
+ border-radius: 0;
930
+ background: #e1dfdd;
931
+ }
932
+ .e-gantt .e-gantt-chart .e-maskcell02 {
933
+ height: 18px;
934
+ width: 410px;
935
+ border-radius: 0;
936
+ background: #e1dfdd;
937
+ }
938
+ .e-gantt .e-gantt-chart .e-maskcell03 {
939
+ height: 12px;
940
+ width: 88px;
941
+ left: 14px;
942
+ border-radius: 0;
943
+ background: #e1dfdd;
944
+ }
945
+ .e-gantt .e-gantt-chart .e-maskcell04 {
946
+ height: 18px;
947
+ width: 208px;
948
+ border-radius: 0;
949
+ background: #e1dfdd;
950
+ }
951
+ .e-gantt .e-gantt-chart .e-maskcell05 {
952
+ height: 12px;
953
+ width: 108px;
954
+ left: 64px;
955
+ border-radius: 0;
956
+ background: #e1dfdd;
957
+ }
958
+ .e-gantt .e-gantt-chart .e-maskcell06 {
959
+ height: 18px;
960
+ width: 195px;
961
+ left: 192px;
962
+ border-radius: 0;
963
+ background: #e1dfdd;
964
+ }
965
+ .e-gantt .e-gantt-chart .e-maskcell07 {
966
+ height: 18px;
967
+ width: 156px;
968
+ left: 388px;
969
+ border-radius: 0;
970
+ background: #e1dfdd;
971
+ }
812
972
  .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
813
973
  .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
814
974
  display: inline-block;
@@ -843,7 +1003,7 @@
843
1003
  border-right: 7px solid transparent;
844
1004
  cursor: col-resize;
845
1005
  height: 0;
846
- left: 0;
1006
+ left: 1px;
847
1007
  position: absolute;
848
1008
  top: -7px;
849
1009
  width: 0;
@@ -855,7 +1015,7 @@
855
1015
  border-right: 6px solid transparent;
856
1016
  cursor: col-resize;
857
1017
  height: 0;
858
- left: 1px;
1018
+ left: 2px;
859
1019
  position: absolute;
860
1020
  top: -7px;
861
1021
  width: 0;
@@ -948,7 +1108,6 @@
948
1108
  border-radius: 3px;
949
1109
  font-weight: 500;
950
1110
  height: 30px;
951
- left: 5px;
952
1111
  line-height: 1.2;
953
1112
  padding: 7px 12px;
954
1113
  position: absolute;
@@ -1157,7 +1316,7 @@
1157
1316
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1158
1317
  border-radius: 50%;
1159
1318
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1160
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1319
+ width: auto;
1161
1320
  }
1162
1321
 
1163
1322
  .e-icon-rowselect::before {
@@ -1335,6 +1494,7 @@
1335
1494
  font-size: 12px;
1336
1495
  font-weight: 400;
1337
1496
  line-height: 1.8;
1497
+ color: #000;
1338
1498
  }
1339
1499
 
1340
1500
  /*! Gantt theme */
@@ -1391,6 +1551,7 @@
1391
1551
  border-bottom-color: #414040;
1392
1552
  border-bottom-width: 1px;
1393
1553
  border-right-color: #414040;
1554
+ border-left-color: #414040;
1394
1555
  color: #dadada;
1395
1556
  height: 64px;
1396
1557
  }
@@ -1433,7 +1594,7 @@
1433
1594
  }
1434
1595
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1435
1596
  background-color: #0074cc;
1436
- border: 1px solid #0063ad;
1597
+ outline: 1px solid #0063ad;
1437
1598
  border-radius: 0px;
1438
1599
  }
1439
1600
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1455,7 +1616,7 @@
1455
1616
  }
1456
1617
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1457
1618
  background-color: #029f90;
1458
- border: 1px solid #4cc7ba;
1619
+ outline: 1px solid #4cc7ba;
1459
1620
  border-radius: 0px;
1460
1621
  }
1461
1622
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1511,6 +1672,7 @@
1511
1672
  }
1512
1673
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1513
1674
  border-right-color: #cae8ff;
1675
+ border-left-color: #cae8ff !important; /* stylelint-disable-line declaration-no-important */
1514
1676
  }
1515
1677
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1516
1678
  background: linear-gradient(to right, rgba(0, 87, 153, 0.2), #005799 30%, #005799 70%, #005799 70%, rgba(0, 87, 153, 0.2) 100%);
@@ -1603,14 +1765,16 @@
1603
1765
  border-width: 3px;
1604
1766
  }
1605
1767
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1606
- border-bottom-left-radius: 0px;
1607
- border-bottom-right-radius: 2px;
1608
- border-top-left-radius: 0px;
1768
+ border-top-left-radius: 0;
1769
+ border-bottom-left-radius: 0;
1609
1770
  border-top-right-radius: 2px;
1771
+ border-bottom-right-radius: 2px;
1610
1772
  }
1611
1773
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1612
1774
  border-bottom-left-radius: 2px;
1613
1775
  border-top-left-radius: 2px;
1776
+ border-bottom-right-radius: 0;
1777
+ border-top-right-radius: 0;
1614
1778
  }
1615
1779
  .e-gantt .e-gantt-chart .e-task-label {
1616
1780
  color: #fff;
@@ -1763,6 +1927,9 @@
1763
1927
  color: #dadada !important; /* stylelint-disable-line declaration-no-important */
1764
1928
  }
1765
1929
 
1930
+ .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
1931
+ border: none !important; /* stylelint-disable-line declaration-no-important */
1932
+ }
1766
1933
  .e-gantt-dialog .e-dlg-header {
1767
1934
  color: #fff;
1768
1935
  }
package/styles/fabric.css CHANGED
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .e-ddl.e-popup {
3
2
  border: 0;
4
3
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
@@ -144,7 +143,7 @@
144
143
  content: "\e953";
145
144
  }
146
145
  .e-gantt .e-notes-info::before {
147
- content: "🛈";
146
+ content: "\e607";
148
147
  }
149
148
  .e-gantt .e-expandall::before {
150
149
  content: "\e555";
@@ -296,7 +295,7 @@
296
295
  border-radius: 6px !important;
297
296
  padding: 32px 16px 16px !important;
298
297
  }
299
- .e-bigger .e-columnmenu {
298
+ .e-bigger .e-grid .e-columnmenu {
300
299
  top: 45px;
301
300
  }
302
301
  .e-bigger .e-gantt-dialog .e-dialog {
@@ -421,6 +420,75 @@
421
420
  font-size: 12px;
422
421
  font-weight: 400;
423
422
  line-height: 1.8;
423
+ color: #000;
424
+ }
425
+
426
+ .e-blazor-gantt-tooltip .e-tip-content {
427
+ overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
428
+ white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
429
+ word-break: unset !important; /* stylelint-disable-line declaration-no-important */
430
+ }
431
+
432
+ .e-gantt-tooltip .e-tip-content {
433
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
434
+ }
435
+
436
+ .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
437
+ border-left: none !important; /* stylelint-disable-line declaration-no-important */
438
+ border-right-color: #005ba3;
439
+ }
440
+ .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
441
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
442
+ border-left-color: #005ba3;
443
+ }
444
+ .e-gantt.e-gantt-rtl .e-toolbar-right {
445
+ left: auto !important; /* stylelint-disable-line declaration-no-important */
446
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
447
+ }
448
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
449
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
450
+ border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
451
+ border-left-color: #eaeaea !important; /* stylelint-disable-line declaration-no-important */
452
+ }
453
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
454
+ padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
455
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
456
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
457
+ }
458
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
459
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
460
+ }
461
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
462
+ right: 1px !important; /* stylelint-disable-line declaration-no-important */
463
+ }
464
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
465
+ margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
466
+ }
467
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
468
+ border-left: 5px solid;
469
+ border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
470
+ }
471
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
472
+ transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
473
+ }
474
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
475
+ padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
476
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
477
+ }
478
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
479
+ margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
480
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
481
+ }
482
+
483
+ .e-gantt-rtl .e-gantt-tooltip-label {
484
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
485
+ }
486
+ .e-gantt-rtl .e-tip-content {
487
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
488
+ }
489
+
490
+ .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
491
+ padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
424
492
  }
425
493
 
426
494
  .e-gantt {
@@ -532,6 +600,7 @@
532
600
  border-top-style: none;
533
601
  border-top-width: 0;
534
602
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
603
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
535
604
  }
536
605
  .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
537
606
  .e-gantt .e-gantt-tree-grid-pane .e-headercell {
@@ -540,6 +609,9 @@
540
609
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
541
610
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
542
611
  }
612
+ .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
613
+ overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
614
+ }
543
615
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
544
616
  width: calc(100% + 17px);
545
617
  }
@@ -559,6 +631,12 @@
559
631
  position: relative;
560
632
  width: 100%;
561
633
  }
634
+ .e-gantt .e-gantt-chart .e-chart-empty-row {
635
+ border: 0.5px solid;
636
+ position: absolute;
637
+ background-color: rgba(0, 120, 222, 0.15);
638
+ border-color: rgba(0, 120, 222, 0.65) !important;
639
+ }
562
640
  .e-gantt .e-gantt-chart .e-chart-root-container {
563
641
  border-right: 0 solid;
564
642
  }
@@ -807,6 +885,88 @@
807
885
  .e-gantt .e-gantt-chart .e-chart-rows-container {
808
886
  line-height: initial;
809
887
  }
888
+ .e-gantt .e-gantt-chart .e-masked-tbody {
889
+ table-layout: fixed;
890
+ width: 100%;
891
+ }
892
+ .e-gantt .e-gantt-chart .e-div-background {
893
+ border-color: #e1dfdd;
894
+ border-right-style: solid;
895
+ border-right-width: 1px;
896
+ height: 100%;
897
+ position: absolute;
898
+ }
899
+ .e-gantt .e-gantt-chart .e-innerHTML {
900
+ height: 16px;
901
+ width: 16px;
902
+ left: 14px;
903
+ background: #e1dfdd;
904
+ }
905
+ .e-gantt .e-gantt-chart .e-innerHTML1 {
906
+ height: 16px;
907
+ width: 16px;
908
+ left: 30px;
909
+ background: #e1dfdd;
910
+ }
911
+ .e-gantt .e-gantt-chart .e-innerHTML2 {
912
+ height: 16px;
913
+ width: 16px;
914
+ left: 60px;
915
+ background: #e1dfdd;
916
+ }
917
+ .e-gantt .e-gantt-chart .e-timelineHeader {
918
+ height: 16px;
919
+ width: 82px;
920
+ left: 20px;
921
+ background: #e1dfdd;
922
+ }
923
+ .e-gantt .e-gantt-chart .e-maskcell01 {
924
+ height: 12px;
925
+ width: 88px;
926
+ left: 14px;
927
+ border-radius: 0;
928
+ background: #e1dfdd;
929
+ }
930
+ .e-gantt .e-gantt-chart .e-maskcell02 {
931
+ height: 18px;
932
+ width: 410px;
933
+ border-radius: 0;
934
+ background: #e1dfdd;
935
+ }
936
+ .e-gantt .e-gantt-chart .e-maskcell03 {
937
+ height: 12px;
938
+ width: 88px;
939
+ left: 14px;
940
+ border-radius: 0;
941
+ background: #e1dfdd;
942
+ }
943
+ .e-gantt .e-gantt-chart .e-maskcell04 {
944
+ height: 18px;
945
+ width: 208px;
946
+ border-radius: 0;
947
+ background: #e1dfdd;
948
+ }
949
+ .e-gantt .e-gantt-chart .e-maskcell05 {
950
+ height: 12px;
951
+ width: 108px;
952
+ left: 64px;
953
+ border-radius: 0;
954
+ background: #e1dfdd;
955
+ }
956
+ .e-gantt .e-gantt-chart .e-maskcell06 {
957
+ height: 18px;
958
+ width: 195px;
959
+ left: 192px;
960
+ border-radius: 0;
961
+ background: #e1dfdd;
962
+ }
963
+ .e-gantt .e-gantt-chart .e-maskcell07 {
964
+ height: 18px;
965
+ width: 156px;
966
+ left: 388px;
967
+ border-radius: 0;
968
+ background: #e1dfdd;
969
+ }
810
970
  .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
811
971
  .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
812
972
  display: inline-block;
@@ -841,7 +1001,7 @@
841
1001
  border-right: 7px solid transparent;
842
1002
  cursor: col-resize;
843
1003
  height: 0;
844
- left: 0;
1004
+ left: 1px;
845
1005
  position: absolute;
846
1006
  top: -7px;
847
1007
  width: 0;
@@ -853,7 +1013,7 @@
853
1013
  border-right: 6px solid transparent;
854
1014
  cursor: col-resize;
855
1015
  height: 0;
856
- left: 1px;
1016
+ left: 2px;
857
1017
  position: absolute;
858
1018
  top: -7px;
859
1019
  width: 0;
@@ -946,7 +1106,6 @@
946
1106
  border-radius: 3px;
947
1107
  font-weight: 500;
948
1108
  height: 30px;
949
- left: 5px;
950
1109
  line-height: 1.2;
951
1110
  padding: 7px 12px;
952
1111
  position: absolute;
@@ -1155,7 +1314,7 @@
1155
1314
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1156
1315
  border-radius: 50%;
1157
1316
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1158
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1317
+ width: auto;
1159
1318
  }
1160
1319
 
1161
1320
  .e-icon-rowselect::before {
@@ -1333,6 +1492,7 @@
1333
1492
  font-size: 12px;
1334
1493
  font-weight: 400;
1335
1494
  line-height: 1.8;
1495
+ color: #000;
1336
1496
  }
1337
1497
 
1338
1498
  /*! Gantt theme */
@@ -1389,6 +1549,7 @@
1389
1549
  border-bottom-color: #eaeaea;
1390
1550
  border-bottom-width: 1px;
1391
1551
  border-right-color: #eaeaea;
1552
+ border-left-color: #eaeaea;
1392
1553
  color: #666;
1393
1554
  height: 64px;
1394
1555
  }
@@ -1431,7 +1592,7 @@
1431
1592
  }
1432
1593
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1433
1594
  background-color: #0078d6;
1434
- border: 1px solid #005ba3;
1595
+ outline: 1px solid #005ba3;
1435
1596
  border-radius: 0px;
1436
1597
  }
1437
1598
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1453,7 +1614,7 @@
1453
1614
  }
1454
1615
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1455
1616
  background-color: #767676;
1456
- border: 1px solid #505050;
1617
+ outline: 1px solid #505050;
1457
1618
  border-radius: 0px;
1458
1619
  }
1459
1620
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1509,6 +1670,7 @@
1509
1670
  }
1510
1671
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1511
1672
  border-right-color: #cae8ff;
1673
+ border-left-color: #cae8ff !important; /* stylelint-disable-line declaration-no-important */
1512
1674
  }
1513
1675
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1514
1676
  background: linear-gradient(to right, rgba(0, 91, 163, 0.2), #005ba3 30%, #005ba3 70%, #005ba3 70%, rgba(0, 91, 163, 0.2) 100%);
@@ -1601,14 +1763,16 @@
1601
1763
  border-width: 3px;
1602
1764
  }
1603
1765
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1604
- border-bottom-left-radius: 0px;
1605
- border-bottom-right-radius: 2px;
1606
- border-top-left-radius: 0px;
1766
+ border-top-left-radius: 0;
1767
+ border-bottom-left-radius: 0;
1607
1768
  border-top-right-radius: 2px;
1769
+ border-bottom-right-radius: 2px;
1608
1770
  }
1609
1771
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1610
1772
  border-bottom-left-radius: 2px;
1611
1773
  border-top-left-radius: 2px;
1774
+ border-bottom-right-radius: 0;
1775
+ border-top-right-radius: 0;
1612
1776
  }
1613
1777
  .e-gantt .e-gantt-chart .e-task-label {
1614
1778
  color: #fff;
@@ -1761,6 +1925,9 @@
1761
1925
  color: #666 !important; /* stylelint-disable-line declaration-no-important */
1762
1926
  }
1763
1927
 
1928
+ .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
1929
+ border: none !important; /* stylelint-disable-line declaration-no-important */
1930
+ }
1764
1931
  .e-gantt-dialog .e-dlg-header {
1765
1932
  color: #fff;
1766
1933
  }