@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
@@ -385,7 +385,7 @@
385
385
  border-radius: 6px !important;
386
386
  padding: 32px 16px 16px !important;
387
387
  }
388
- .e-bigger .e-columnmenu {
388
+ .e-bigger .e-grid .e-columnmenu {
389
389
  top: 35px;
390
390
  }
391
391
  .e-bigger .e-gantt-dialog .e-dialog {
@@ -510,6 +510,75 @@
510
510
  font-size: 12px;
511
511
  font-weight: 400;
512
512
  line-height: 1.8;
513
+ color: #212529;
514
+ }
515
+
516
+ .e-blazor-gantt-tooltip .e-tip-content {
517
+ overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
518
+ white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
519
+ word-break: unset !important; /* stylelint-disable-line declaration-no-important */
520
+ }
521
+
522
+ .e-gantt-tooltip .e-tip-content {
523
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
524
+ }
525
+
526
+ .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
527
+ border-left: none !important; /* stylelint-disable-line declaration-no-important */
528
+ border-right-color: #0d6efd;
529
+ }
530
+ .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
531
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
532
+ border-left-color: #0d6efd;
533
+ }
534
+ .e-gantt.e-gantt-rtl .e-toolbar-right {
535
+ left: auto !important; /* stylelint-disable-line declaration-no-important */
536
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
537
+ }
538
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
539
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
540
+ border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
541
+ border-left-color: #dee2e6 !important; /* stylelint-disable-line declaration-no-important */
542
+ }
543
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
544
+ padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
545
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
546
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
547
+ }
548
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
549
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
550
+ }
551
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
552
+ right: 1px !important; /* stylelint-disable-line declaration-no-important */
553
+ }
554
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
555
+ margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
556
+ }
557
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
558
+ border-left: 5px solid;
559
+ border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
560
+ }
561
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
562
+ transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
563
+ }
564
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
565
+ padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
566
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
567
+ }
568
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
569
+ margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
570
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
571
+ }
572
+
573
+ .e-gantt-rtl .e-gantt-tooltip-label {
574
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
575
+ }
576
+ .e-gantt-rtl .e-tip-content {
577
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
578
+ }
579
+
580
+ .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
581
+ padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
513
582
  }
514
583
 
515
584
  .e-gantt {
@@ -621,6 +690,7 @@
621
690
  border-top-style: none;
622
691
  border-top-width: 0;
623
692
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
693
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
624
694
  }
625
695
  .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
626
696
  .e-gantt .e-gantt-tree-grid-pane .e-headercell {
@@ -629,6 +699,9 @@
629
699
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
630
700
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
631
701
  }
702
+ .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
703
+ overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
704
+ }
632
705
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
633
706
  width: calc(100% + 17px);
634
707
  }
@@ -648,6 +721,12 @@
648
721
  position: relative;
649
722
  width: 100%;
650
723
  }
724
+ .e-gantt .e-gantt-chart .e-chart-empty-row {
725
+ border: 0.5px solid;
726
+ position: absolute;
727
+ background-color: rgba(0, 120, 222, 0.15);
728
+ border-color: rgba(0, 120, 222, 0.65) !important;
729
+ }
651
730
  .e-gantt .e-gantt-chart .e-chart-root-container {
652
731
  border-right: 0 solid;
653
732
  }
@@ -896,6 +975,88 @@
896
975
  .e-gantt .e-gantt-chart .e-chart-rows-container {
897
976
  line-height: initial;
898
977
  }
978
+ .e-gantt .e-gantt-chart .e-masked-tbody {
979
+ table-layout: fixed;
980
+ width: 100%;
981
+ }
982
+ .e-gantt .e-gantt-chart .e-div-background {
983
+ border-color: rgb(225, 223, 221);
984
+ border-right-style: solid;
985
+ border-right-width: 1px;
986
+ height: 100%;
987
+ position: absolute;
988
+ }
989
+ .e-gantt .e-gantt-chart .e-innerHTML {
990
+ height: 16px;
991
+ width: 16px;
992
+ left: 14px;
993
+ background: rgb(225, 223, 221);
994
+ }
995
+ .e-gantt .e-gantt-chart .e-innerHTML1 {
996
+ height: 16px;
997
+ width: 16px;
998
+ left: 30px;
999
+ background: rgb(225, 223, 221);
1000
+ }
1001
+ .e-gantt .e-gantt-chart .e-innerHTML2 {
1002
+ height: 16px;
1003
+ width: 16px;
1004
+ left: 60px;
1005
+ background: rgb(225, 223, 221);
1006
+ }
1007
+ .e-gantt .e-gantt-chart .e-timelineHeader {
1008
+ height: 16px;
1009
+ width: 82px;
1010
+ left: 20px;
1011
+ background: rgb(225, 223, 221);
1012
+ }
1013
+ .e-gantt .e-gantt-chart .e-maskcell01 {
1014
+ height: 12px;
1015
+ width: 88px;
1016
+ left: 14px;
1017
+ border-radius: 0;
1018
+ background: rgb(225, 223, 221);
1019
+ }
1020
+ .e-gantt .e-gantt-chart .e-maskcell02 {
1021
+ height: 18px;
1022
+ width: 410px;
1023
+ border-radius: 0;
1024
+ background: rgb(225, 223, 221);
1025
+ }
1026
+ .e-gantt .e-gantt-chart .e-maskcell03 {
1027
+ height: 12px;
1028
+ width: 88px;
1029
+ left: 14px;
1030
+ border-radius: 0;
1031
+ background: rgb(225, 223, 221);
1032
+ }
1033
+ .e-gantt .e-gantt-chart .e-maskcell04 {
1034
+ height: 18px;
1035
+ width: 208px;
1036
+ border-radius: 0;
1037
+ background: rgb(225, 223, 221);
1038
+ }
1039
+ .e-gantt .e-gantt-chart .e-maskcell05 {
1040
+ height: 12px;
1041
+ width: 108px;
1042
+ left: 64px;
1043
+ border-radius: 0;
1044
+ background: rgb(225, 223, 221);
1045
+ }
1046
+ .e-gantt .e-gantt-chart .e-maskcell06 {
1047
+ height: 18px;
1048
+ width: 195px;
1049
+ left: 192px;
1050
+ border-radius: 0;
1051
+ background: rgb(225, 223, 221);
1052
+ }
1053
+ .e-gantt .e-gantt-chart .e-maskcell07 {
1054
+ height: 18px;
1055
+ width: 156px;
1056
+ left: 388px;
1057
+ border-radius: 0;
1058
+ background: rgb(225, 223, 221);
1059
+ }
899
1060
  .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
900
1061
  .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
901
1062
  display: inline-block;
@@ -930,7 +1091,7 @@
930
1091
  border-right: 7px solid transparent;
931
1092
  cursor: col-resize;
932
1093
  height: 0;
933
- left: 0;
1094
+ left: 1px;
934
1095
  position: absolute;
935
1096
  top: -7px;
936
1097
  width: 0;
@@ -942,7 +1103,7 @@
942
1103
  border-right: 6px solid transparent;
943
1104
  cursor: col-resize;
944
1105
  height: 0;
945
- left: 1px;
1106
+ left: 2px;
946
1107
  position: absolute;
947
1108
  top: -7px;
948
1109
  width: 0;
@@ -1035,7 +1196,6 @@
1035
1196
  border-radius: 3px;
1036
1197
  font-weight: 500;
1037
1198
  height: 28px;
1038
- left: 5px;
1039
1199
  line-height: 1.5;
1040
1200
  padding: 3px 12px;
1041
1201
  position: absolute;
@@ -1244,7 +1404,7 @@
1244
1404
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1245
1405
  border-radius: 50%;
1246
1406
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1247
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1407
+ width: auto;
1248
1408
  }
1249
1409
 
1250
1410
  .e-icon-rowselect::before {
@@ -1422,6 +1582,7 @@
1422
1582
  font-size: 12px;
1423
1583
  font-weight: 400;
1424
1584
  line-height: 1.8;
1585
+ color: #212529;
1425
1586
  }
1426
1587
 
1427
1588
  /*! Gantt theme */
@@ -1478,6 +1639,7 @@
1478
1639
  border-bottom-color: #dee2e6;
1479
1640
  border-bottom-width: 1px;
1480
1641
  border-right-color: #dee2e6;
1642
+ border-left-color: #dee2e6;
1481
1643
  color: #212529;
1482
1644
  height: 52px;
1483
1645
  }
@@ -1520,7 +1682,7 @@
1520
1682
  }
1521
1683
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1522
1684
  background-color: #86b7fe;
1523
- border: 1px solid #0d6efd;
1685
+ outline: 1px solid #0d6efd;
1524
1686
  border-radius: 4px;
1525
1687
  }
1526
1688
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1542,7 +1704,7 @@
1542
1704
  }
1543
1705
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1544
1706
  background-color: #ced4da;
1545
- border: 1px solid #adb5bd;
1707
+ outline: 1px solid #adb5bd;
1546
1708
  border-radius: 4px;
1547
1709
  }
1548
1710
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1598,6 +1760,7 @@
1598
1760
  }
1599
1761
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1600
1762
  border-right-color: #fff3cd;
1763
+ border-left-color: #fff3cd !important; /* stylelint-disable-line declaration-no-important */
1601
1764
  }
1602
1765
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1603
1766
  background: linear-gradient(to right, #86b7fe, #0d6efd 30%, #0d6efd 70%, #0d6efd 70%, #86b7fe 100%);
@@ -1690,14 +1853,16 @@
1690
1853
  border-width: 3px;
1691
1854
  }
1692
1855
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1693
- border-bottom-left-radius: 0px;
1694
- border-bottom-right-radius: 2px;
1695
- border-top-left-radius: 0px;
1856
+ border-top-left-radius: 0;
1857
+ border-bottom-left-radius: 0;
1696
1858
  border-top-right-radius: 2px;
1859
+ border-bottom-right-radius: 2px;
1697
1860
  }
1698
1861
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1699
1862
  border-bottom-left-radius: 2px;
1700
1863
  border-top-left-radius: 2px;
1864
+ border-bottom-right-radius: 0;
1865
+ border-top-right-radius: 0;
1701
1866
  }
1702
1867
  .e-gantt .e-gantt-chart .e-task-label {
1703
1868
  color: #fff;
@@ -1850,6 +2015,9 @@
1850
2015
  color: #6c757d !important; /* stylelint-disable-line declaration-no-important */
1851
2016
  }
1852
2017
 
2018
+ .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
2019
+ border: none !important; /* stylelint-disable-line declaration-no-important */
2020
+ }
1853
2021
  .e-gantt-dialog .e-dlg-header {
1854
2022
  color: #212529;
1855
2023
  }
@@ -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
  }