@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
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
3
2
  height: 36px;
4
3
  }
@@ -230,7 +229,7 @@
230
229
  content: "\e953";
231
230
  }
232
231
  .e-gantt .e-notes-info::before {
233
- content: "🛈";
232
+ content: "\e607";
234
233
  }
235
234
  .e-gantt .e-expandall::before {
236
235
  content: "\e557";
@@ -382,7 +381,7 @@
382
381
  border-radius: 0px !important;
383
382
  padding: 20px 18px 0px 18px !important;
384
383
  }
385
- .e-bigger .e-columnmenu {
384
+ .e-bigger .e-grid .e-columnmenu {
386
385
  top: 45px;
387
386
  }
388
387
  .e-bigger .e-gantt-dialog .e-dialog {
@@ -508,6 +507,75 @@
508
507
  font-size: 12px;
509
508
  font-weight: 400;
510
509
  line-height: 1.8;
510
+ color: #fff;
511
+ }
512
+
513
+ .e-blazor-gantt-tooltip .e-tip-content {
514
+ overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
515
+ white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
516
+ word-break: unset !important; /* stylelint-disable-line declaration-no-important */
517
+ }
518
+
519
+ .e-gantt-tooltip .e-tip-content {
520
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
521
+ }
522
+
523
+ .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
524
+ border-left: none !important; /* stylelint-disable-line declaration-no-important */
525
+ border-right-color: #29c400;
526
+ }
527
+ .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
528
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
529
+ border-left-color: #29c400;
530
+ }
531
+ .e-gantt.e-gantt-rtl .e-toolbar-right {
532
+ left: auto !important; /* stylelint-disable-line declaration-no-important */
533
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
534
+ }
535
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
536
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
537
+ border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
538
+ border-left-color: #969696 !important; /* stylelint-disable-line declaration-no-important */
539
+ }
540
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
541
+ padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
542
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
543
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
544
+ }
545
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
546
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
547
+ }
548
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
549
+ right: 1px !important; /* stylelint-disable-line declaration-no-important */
550
+ }
551
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
552
+ margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
553
+ }
554
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
555
+ border-left: 5px solid;
556
+ border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
557
+ }
558
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
559
+ transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
560
+ }
561
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
562
+ padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
563
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
564
+ }
565
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
566
+ margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
567
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
568
+ }
569
+
570
+ .e-gantt-rtl .e-gantt-tooltip-label {
571
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
572
+ }
573
+ .e-gantt-rtl .e-tip-content {
574
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
575
+ }
576
+
577
+ .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
578
+ padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
511
579
  }
512
580
 
513
581
  .e-gantt {
@@ -619,6 +687,7 @@
619
687
  border-top-style: none;
620
688
  border-top-width: 0;
621
689
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
690
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
622
691
  }
623
692
  .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
624
693
  .e-gantt .e-gantt-tree-grid-pane .e-headercell {
@@ -627,6 +696,9 @@
627
696
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
628
697
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
629
698
  }
699
+ .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
700
+ overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
701
+ }
630
702
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
631
703
  width: calc(100% + 17px);
632
704
  }
@@ -646,6 +718,12 @@
646
718
  position: relative;
647
719
  width: 100%;
648
720
  }
721
+ .e-gantt .e-gantt-chart .e-chart-empty-row {
722
+ border: 0.5px solid;
723
+ position: absolute;
724
+ background-color: rgba(0, 120, 222, 0.15);
725
+ border-color: rgba(0, 120, 222, 0.65) !important;
726
+ }
649
727
  .e-gantt .e-gantt-chart .e-chart-root-container {
650
728
  border-right: 0 solid;
651
729
  }
@@ -894,6 +972,88 @@
894
972
  .e-gantt .e-gantt-chart .e-chart-rows-container {
895
973
  line-height: initial;
896
974
  }
975
+ .e-gantt .e-gantt-chart .e-masked-tbody {
976
+ table-layout: fixed;
977
+ width: 100%;
978
+ }
979
+ .e-gantt .e-gantt-chart .e-div-background {
980
+ border-color: #e1dfdd;
981
+ border-right-style: solid;
982
+ border-right-width: 1px;
983
+ height: 100%;
984
+ position: absolute;
985
+ }
986
+ .e-gantt .e-gantt-chart .e-innerHTML {
987
+ height: 16px;
988
+ width: 16px;
989
+ left: 14px;
990
+ background: #e1dfdd;
991
+ }
992
+ .e-gantt .e-gantt-chart .e-innerHTML1 {
993
+ height: 16px;
994
+ width: 16px;
995
+ left: 30px;
996
+ background: #e1dfdd;
997
+ }
998
+ .e-gantt .e-gantt-chart .e-innerHTML2 {
999
+ height: 16px;
1000
+ width: 16px;
1001
+ left: 60px;
1002
+ background: #e1dfdd;
1003
+ }
1004
+ .e-gantt .e-gantt-chart .e-timelineHeader {
1005
+ height: 16px;
1006
+ width: 82px;
1007
+ left: 20px;
1008
+ background: #e1dfdd;
1009
+ }
1010
+ .e-gantt .e-gantt-chart .e-maskcell01 {
1011
+ height: 12px;
1012
+ width: 88px;
1013
+ left: 14px;
1014
+ border-radius: 0;
1015
+ background: #e1dfdd;
1016
+ }
1017
+ .e-gantt .e-gantt-chart .e-maskcell02 {
1018
+ height: 18px;
1019
+ width: 410px;
1020
+ border-radius: 0;
1021
+ background: #e1dfdd;
1022
+ }
1023
+ .e-gantt .e-gantt-chart .e-maskcell03 {
1024
+ height: 12px;
1025
+ width: 88px;
1026
+ left: 14px;
1027
+ border-radius: 0;
1028
+ background: #e1dfdd;
1029
+ }
1030
+ .e-gantt .e-gantt-chart .e-maskcell04 {
1031
+ height: 18px;
1032
+ width: 208px;
1033
+ border-radius: 0;
1034
+ background: #e1dfdd;
1035
+ }
1036
+ .e-gantt .e-gantt-chart .e-maskcell05 {
1037
+ height: 12px;
1038
+ width: 108px;
1039
+ left: 64px;
1040
+ border-radius: 0;
1041
+ background: #e1dfdd;
1042
+ }
1043
+ .e-gantt .e-gantt-chart .e-maskcell06 {
1044
+ height: 18px;
1045
+ width: 195px;
1046
+ left: 192px;
1047
+ border-radius: 0;
1048
+ background: #e1dfdd;
1049
+ }
1050
+ .e-gantt .e-gantt-chart .e-maskcell07 {
1051
+ height: 18px;
1052
+ width: 156px;
1053
+ left: 388px;
1054
+ border-radius: 0;
1055
+ background: #e1dfdd;
1056
+ }
897
1057
  .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
898
1058
  .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
899
1059
  display: inline-block;
@@ -928,7 +1088,7 @@
928
1088
  border-right: 7px solid transparent;
929
1089
  cursor: col-resize;
930
1090
  height: 0;
931
- left: 0;
1091
+ left: 1px;
932
1092
  position: absolute;
933
1093
  top: -7px;
934
1094
  width: 0;
@@ -940,7 +1100,7 @@
940
1100
  border-right: 6px solid transparent;
941
1101
  cursor: col-resize;
942
1102
  height: 0;
943
- left: 1px;
1103
+ left: 2px;
944
1104
  position: absolute;
945
1105
  top: -7px;
946
1106
  width: 0;
@@ -1033,7 +1193,6 @@
1033
1193
  border-radius: 3px;
1034
1194
  font-weight: 500;
1035
1195
  height: 30px;
1036
- left: 5px;
1037
1196
  line-height: 1.2;
1038
1197
  padding: 7px 12px;
1039
1198
  position: absolute;
@@ -1242,7 +1401,7 @@
1242
1401
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1243
1402
  border-radius: 50%;
1244
1403
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1245
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1404
+ width: auto;
1246
1405
  }
1247
1406
 
1248
1407
  .e-icon-rowselect::before {
@@ -1421,6 +1580,7 @@
1421
1580
  font-size: 12px;
1422
1581
  font-weight: 400;
1423
1582
  line-height: 1.8;
1583
+ color: #fff;
1424
1584
  }
1425
1585
 
1426
1586
  /*! Gantt theme */
@@ -1477,6 +1637,7 @@
1477
1637
  border-bottom-color: #969696;
1478
1638
  border-bottom-width: 1px;
1479
1639
  border-right-color: #969696;
1640
+ border-left-color: #969696;
1480
1641
  color: #fff;
1481
1642
  height: 64px;
1482
1643
  }
@@ -1519,7 +1680,7 @@
1519
1680
  }
1520
1681
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1521
1682
  background-color: #6e06f1;
1522
- border: 1px solid #fff;
1683
+ outline: 1px solid #fff;
1523
1684
  border-radius: 0px;
1524
1685
  }
1525
1686
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1541,7 +1702,7 @@
1541
1702
  }
1542
1703
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1543
1704
  background-color: #007d01;
1544
- border: 1px solid #fff;
1705
+ outline: 1px solid #fff;
1545
1706
  border-radius: 0px;
1546
1707
  }
1547
1708
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1597,6 +1758,7 @@
1597
1758
  }
1598
1759
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1599
1760
  border-right-color: #fff;
1761
+ border-left-color: #fff !important; /* stylelint-disable-line declaration-no-important */
1600
1762
  }
1601
1763
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1602
1764
  background: linear-gradient(to right, rgba(62, 4, 125, 0.2), #3e047d 30%, #3e047d 70%, #3e047d 70%, rgba(62, 4, 125, 0.2) 100%);
@@ -1689,14 +1851,16 @@
1689
1851
  border-width: 3px;
1690
1852
  }
1691
1853
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1692
- border-bottom-left-radius: 0px;
1693
- border-bottom-right-radius: 2px;
1694
- border-top-left-radius: 0px;
1854
+ border-top-left-radius: 0;
1855
+ border-bottom-left-radius: 0;
1695
1856
  border-top-right-radius: 2px;
1857
+ border-bottom-right-radius: 2px;
1696
1858
  }
1697
1859
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1698
1860
  border-bottom-left-radius: 2px;
1699
1861
  border-top-left-radius: 2px;
1862
+ border-bottom-right-radius: 0;
1863
+ border-top-right-radius: 0;
1700
1864
  }
1701
1865
  .e-gantt .e-gantt-chart .e-task-label {
1702
1866
  color: #fff;
@@ -1849,6 +2013,9 @@
1849
2013
  color: #fff !important; /* stylelint-disable-line declaration-no-important */
1850
2014
  }
1851
2015
 
2016
+ .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
2017
+ border: none !important; /* stylelint-disable-line declaration-no-important */
2018
+ }
1852
2019
  .e-gantt-dialog .e-dlg-header {
1853
2020
  color: #000;
1854
2021
  }
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
3
2
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
4
3
  transform: rotate(0deg);
@@ -186,7 +185,7 @@
186
185
  content: "\e825";
187
186
  }
188
187
  .e-gantt .e-notes-info::before {
189
- content: "🛈";
188
+ content: "\e607";
190
189
  }
191
190
  .e-gantt .e-left-resize-gripper::before,
192
191
  .e-gantt .e-right-resize-gripper::before {
@@ -338,7 +337,7 @@
338
337
  border-radius: 6px !important;
339
338
  padding: 20px 16px 6px 16px !important;
340
339
  }
341
- .e-bigger .e-columnmenu {
340
+ .e-bigger .e-grid .e-columnmenu {
342
341
  top: 38px;
343
342
  }
344
343
  .e-bigger .e-gantt-dialog .e-dialog {
@@ -473,6 +472,74 @@
473
472
  color: #000;
474
473
  }
475
474
 
475
+ .e-blazor-gantt-tooltip .e-tip-content {
476
+ overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
477
+ white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
478
+ word-break: unset !important; /* stylelint-disable-line declaration-no-important */
479
+ }
480
+
481
+ .e-gantt-tooltip .e-tip-content {
482
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
483
+ }
484
+
485
+ .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
486
+ border-left: none !important; /* stylelint-disable-line declaration-no-important */
487
+ border-right-color: #7280ce;
488
+ }
489
+ .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
490
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
491
+ border-left-color: #7280ce;
492
+ }
493
+ .e-gantt.e-gantt-rtl .e-toolbar-right {
494
+ left: auto !important; /* stylelint-disable-line declaration-no-important */
495
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
496
+ }
497
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
498
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
499
+ border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
500
+ border-left-color: #616161 !important; /* stylelint-disable-line declaration-no-important */
501
+ }
502
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
503
+ padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
504
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
505
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
506
+ }
507
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
508
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
509
+ }
510
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
511
+ right: 1px !important; /* stylelint-disable-line declaration-no-important */
512
+ }
513
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
514
+ margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
515
+ }
516
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
517
+ border-left: 5px solid;
518
+ border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
519
+ }
520
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
521
+ transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
522
+ }
523
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
524
+ padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
525
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
526
+ }
527
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
528
+ margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
529
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
530
+ }
531
+
532
+ .e-gantt-rtl .e-gantt-tooltip-label {
533
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
534
+ }
535
+ .e-gantt-rtl .e-tip-content {
536
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
537
+ }
538
+
539
+ .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
540
+ padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
541
+ }
542
+
476
543
  .e-gantt {
477
544
  display: block;
478
545
  width: 100%;
@@ -582,6 +649,7 @@
582
649
  border-top-style: none;
583
650
  border-top-width: 0;
584
651
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
652
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
585
653
  }
586
654
  .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
587
655
  .e-gantt .e-gantt-tree-grid-pane .e-headercell {
@@ -590,6 +658,9 @@
590
658
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
591
659
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
592
660
  }
661
+ .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
662
+ overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
663
+ }
593
664
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
594
665
  width: calc(100% + 17px);
595
666
  }
@@ -609,6 +680,12 @@
609
680
  position: relative;
610
681
  width: 100%;
611
682
  }
683
+ .e-gantt .e-gantt-chart .e-chart-empty-row {
684
+ border: 0.5px solid;
685
+ position: absolute;
686
+ background-color: rgba(0, 120, 222, 0.15);
687
+ border-color: rgba(0, 120, 222, 0.65) !important;
688
+ }
612
689
  .e-gantt .e-gantt-chart .e-chart-root-container {
613
690
  border-right: 0 solid;
614
691
  }
@@ -857,6 +934,88 @@
857
934
  .e-gantt .e-gantt-chart .e-chart-rows-container {
858
935
  line-height: initial;
859
936
  }
937
+ .e-gantt .e-gantt-chart .e-masked-tbody {
938
+ table-layout: fixed;
939
+ width: 100%;
940
+ }
941
+ .e-gantt .e-gantt-chart .e-div-background {
942
+ border-color: #e1dfdd;
943
+ border-right-style: solid;
944
+ border-right-width: 1px;
945
+ height: 100%;
946
+ position: absolute;
947
+ }
948
+ .e-gantt .e-gantt-chart .e-innerHTML {
949
+ height: 16px;
950
+ width: 16px;
951
+ left: 14px;
952
+ background: #e1dfdd;
953
+ }
954
+ .e-gantt .e-gantt-chart .e-innerHTML1 {
955
+ height: 16px;
956
+ width: 16px;
957
+ left: 30px;
958
+ background: #e1dfdd;
959
+ }
960
+ .e-gantt .e-gantt-chart .e-innerHTML2 {
961
+ height: 16px;
962
+ width: 16px;
963
+ left: 60px;
964
+ background: #e1dfdd;
965
+ }
966
+ .e-gantt .e-gantt-chart .e-timelineHeader {
967
+ height: 16px;
968
+ width: 82px;
969
+ left: 20px;
970
+ background: #e1dfdd;
971
+ }
972
+ .e-gantt .e-gantt-chart .e-maskcell01 {
973
+ height: 12px;
974
+ width: 88px;
975
+ left: 14px;
976
+ border-radius: 0;
977
+ background: #e1dfdd;
978
+ }
979
+ .e-gantt .e-gantt-chart .e-maskcell02 {
980
+ height: 18px;
981
+ width: 410px;
982
+ border-radius: 0;
983
+ background: #e1dfdd;
984
+ }
985
+ .e-gantt .e-gantt-chart .e-maskcell03 {
986
+ height: 12px;
987
+ width: 88px;
988
+ left: 14px;
989
+ border-radius: 0;
990
+ background: #e1dfdd;
991
+ }
992
+ .e-gantt .e-gantt-chart .e-maskcell04 {
993
+ height: 18px;
994
+ width: 208px;
995
+ border-radius: 0;
996
+ background: #e1dfdd;
997
+ }
998
+ .e-gantt .e-gantt-chart .e-maskcell05 {
999
+ height: 12px;
1000
+ width: 108px;
1001
+ left: 64px;
1002
+ border-radius: 0;
1003
+ background: #e1dfdd;
1004
+ }
1005
+ .e-gantt .e-gantt-chart .e-maskcell06 {
1006
+ height: 18px;
1007
+ width: 195px;
1008
+ left: 192px;
1009
+ border-radius: 0;
1010
+ background: #e1dfdd;
1011
+ }
1012
+ .e-gantt .e-gantt-chart .e-maskcell07 {
1013
+ height: 18px;
1014
+ width: 156px;
1015
+ left: 388px;
1016
+ border-radius: 0;
1017
+ background: #e1dfdd;
1018
+ }
860
1019
  .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
861
1020
  .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
862
1021
  display: inline-block;
@@ -891,7 +1050,7 @@
891
1050
  border-right: 7px solid transparent;
892
1051
  cursor: col-resize;
893
1052
  height: 0;
894
- left: 0;
1053
+ left: 1px;
895
1054
  position: absolute;
896
1055
  top: -7px;
897
1056
  width: 0;
@@ -903,7 +1062,7 @@
903
1062
  border-right: 6px solid transparent;
904
1063
  cursor: col-resize;
905
1064
  height: 0;
906
- left: 1px;
1065
+ left: 2px;
907
1066
  position: absolute;
908
1067
  top: -7px;
909
1068
  width: 0;
@@ -996,7 +1155,6 @@
996
1155
  border-radius: 3px;
997
1156
  font-weight: 500;
998
1157
  height: 30px;
999
- left: 5px;
1000
1158
  line-height: 1.4;
1001
1159
  padding: 7px 12px;
1002
1160
  position: absolute;
@@ -1205,7 +1363,7 @@
1205
1363
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1206
1364
  border-radius: 50%;
1207
1365
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1208
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1366
+ width: auto;
1209
1367
  }
1210
1368
 
1211
1369
  .e-icon-rowselect::before {
@@ -1440,6 +1598,7 @@
1440
1598
  border-bottom-color: #616161;
1441
1599
  border-bottom-width: 1px;
1442
1600
  border-right-color: #616161;
1601
+ border-left-color: #616161;
1443
1602
  color: rgba(255, 255, 255, 0.7);
1444
1603
  height: 64px;
1445
1604
  }
@@ -1482,7 +1641,7 @@
1482
1641
  }
1483
1642
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1484
1643
  background-color: #3f51b5;
1485
- border: 1px solid #7280ce;
1644
+ outline: 1px solid #7280ce;
1486
1645
  border-radius: 4px;
1487
1646
  }
1488
1647
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1504,7 +1663,7 @@
1504
1663
  }
1505
1664
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1506
1665
  background-color: #029f90;
1507
- border: 1px solid #4cc7ba;
1666
+ outline: 1px solid #4cc7ba;
1508
1667
  border-radius: 4px;
1509
1668
  }
1510
1669
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1560,6 +1719,7 @@
1560
1719
  }
1561
1720
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1562
1721
  border-right-color: #cae8ff;
1722
+ border-left-color: #cae8ff !important; /* stylelint-disable-line declaration-no-important */
1563
1723
  }
1564
1724
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1565
1725
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #3f51b5 30%, #3f51b5 70%, #3f51b5 70%, rgba(63, 81, 181, 0.2) 100%);
@@ -1652,14 +1812,16 @@
1652
1812
  border-width: 3px;
1653
1813
  }
1654
1814
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1655
- border-bottom-left-radius: 0px;
1656
- border-bottom-right-radius: 2px;
1657
- border-top-left-radius: 0px;
1815
+ border-top-left-radius: 0;
1816
+ border-bottom-left-radius: 0;
1658
1817
  border-top-right-radius: 2px;
1818
+ border-bottom-right-radius: 2px;
1659
1819
  }
1660
1820
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1661
1821
  border-bottom-left-radius: 2px;
1662
1822
  border-top-left-radius: 2px;
1823
+ border-bottom-right-radius: 0;
1824
+ border-top-right-radius: 0;
1663
1825
  }
1664
1826
  .e-gantt .e-gantt-chart .e-task-label {
1665
1827
  color: #fff;
@@ -1812,6 +1974,9 @@
1812
1974
  color: rgba(255, 255, 255, 0.7) !important; /* stylelint-disable-line declaration-no-important */
1813
1975
  }
1814
1976
 
1977
+ .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
1978
+ border: none !important; /* stylelint-disable-line declaration-no-important */
1979
+ }
1815
1980
  .e-gantt-dialog .e-dlg-header {
1816
1981
  color: #fff;
1817
1982
  }