@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
@@ -364,7 +364,7 @@
364
364
  border-radius: 2px !important;
365
365
  padding: 28px 28px 0px 28px !important;
366
366
  }
367
- .e-bigger .e-columnmenu {
367
+ .e-bigger .e-grid .e-columnmenu {
368
368
  top: 38px;
369
369
  }
370
370
  .e-bigger .e-gantt-dialog .e-dialog {
@@ -490,9 +490,78 @@
490
490
  font-size: 12px;
491
491
  font-weight: 400;
492
492
  line-height: 1.8;
493
+ color: #201f1e;
493
494
  margin-bottom: 0;
494
495
  }
495
496
 
497
+ .e-blazor-gantt-tooltip .e-tip-content {
498
+ overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
499
+ white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
500
+ word-break: unset !important; /* stylelint-disable-line declaration-no-important */
501
+ }
502
+
503
+ .e-gantt-tooltip .e-tip-content {
504
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
505
+ }
506
+
507
+ .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
508
+ border-left: none !important; /* stylelint-disable-line declaration-no-important */
509
+ border-right-color: #0078d4;
510
+ }
511
+ .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
512
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
513
+ border-left-color: #0078d4;
514
+ }
515
+ .e-gantt.e-gantt-rtl .e-toolbar-right {
516
+ left: auto !important; /* stylelint-disable-line declaration-no-important */
517
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
518
+ }
519
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
520
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
521
+ border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
522
+ border-left-color: #edebe9 !important; /* stylelint-disable-line declaration-no-important */
523
+ }
524
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
525
+ padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
526
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
527
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
528
+ }
529
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
530
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
531
+ }
532
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
533
+ right: 1px !important; /* stylelint-disable-line declaration-no-important */
534
+ }
535
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
536
+ margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
537
+ }
538
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
539
+ border-left: 5px solid;
540
+ border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
541
+ }
542
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
543
+ transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
544
+ }
545
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
546
+ padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
547
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
548
+ }
549
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
550
+ margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
551
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
552
+ }
553
+
554
+ .e-gantt-rtl .e-gantt-tooltip-label {
555
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
556
+ }
557
+ .e-gantt-rtl .e-tip-content {
558
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
559
+ }
560
+
561
+ .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
562
+ padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
563
+ }
564
+
496
565
  .e-gantt {
497
566
  display: block;
498
567
  width: 100%;
@@ -602,6 +671,7 @@
602
671
  border-top-style: none;
603
672
  border-top-width: 0;
604
673
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
674
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
605
675
  }
606
676
  .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
607
677
  .e-gantt .e-gantt-tree-grid-pane .e-headercell {
@@ -610,6 +680,9 @@
610
680
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
611
681
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
612
682
  }
683
+ .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
684
+ overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
685
+ }
613
686
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
614
687
  width: calc(100% + 17px);
615
688
  }
@@ -629,6 +702,12 @@
629
702
  position: relative;
630
703
  width: 100%;
631
704
  }
705
+ .e-gantt .e-gantt-chart .e-chart-empty-row {
706
+ border: 0.5px solid;
707
+ position: absolute;
708
+ background-color: rgba(0, 120, 222, 0.15);
709
+ border-color: rgba(0, 120, 222, 0.65) !important;
710
+ }
632
711
  .e-gantt .e-gantt-chart .e-chart-root-container {
633
712
  border-right: 0 solid;
634
713
  }
@@ -877,6 +956,88 @@
877
956
  .e-gantt .e-gantt-chart .e-chart-rows-container {
878
957
  line-height: initial;
879
958
  }
959
+ .e-gantt .e-gantt-chart .e-masked-tbody {
960
+ table-layout: fixed;
961
+ width: 100%;
962
+ }
963
+ .e-gantt .e-gantt-chart .e-div-background {
964
+ border-color: rgb(225, 223, 221);
965
+ border-right-style: solid;
966
+ border-right-width: 1px;
967
+ height: 100%;
968
+ position: absolute;
969
+ }
970
+ .e-gantt .e-gantt-chart .e-innerHTML {
971
+ height: 16px;
972
+ width: 16px;
973
+ left: 14px;
974
+ background: rgb(225, 223, 221);
975
+ }
976
+ .e-gantt .e-gantt-chart .e-innerHTML1 {
977
+ height: 16px;
978
+ width: 16px;
979
+ left: 30px;
980
+ background: rgb(225, 223, 221);
981
+ }
982
+ .e-gantt .e-gantt-chart .e-innerHTML2 {
983
+ height: 16px;
984
+ width: 16px;
985
+ left: 60px;
986
+ background: rgb(225, 223, 221);
987
+ }
988
+ .e-gantt .e-gantt-chart .e-timelineHeader {
989
+ height: 16px;
990
+ width: 82px;
991
+ left: 20px;
992
+ background: rgb(225, 223, 221);
993
+ }
994
+ .e-gantt .e-gantt-chart .e-maskcell01 {
995
+ height: 12px;
996
+ width: 88px;
997
+ left: 14px;
998
+ border-radius: 0;
999
+ background: rgb(225, 223, 221);
1000
+ }
1001
+ .e-gantt .e-gantt-chart .e-maskcell02 {
1002
+ height: 18px;
1003
+ width: 410px;
1004
+ border-radius: 0;
1005
+ background: rgb(225, 223, 221);
1006
+ }
1007
+ .e-gantt .e-gantt-chart .e-maskcell03 {
1008
+ height: 12px;
1009
+ width: 88px;
1010
+ left: 14px;
1011
+ border-radius: 0;
1012
+ background: rgb(225, 223, 221);
1013
+ }
1014
+ .e-gantt .e-gantt-chart .e-maskcell04 {
1015
+ height: 18px;
1016
+ width: 208px;
1017
+ border-radius: 0;
1018
+ background: rgb(225, 223, 221);
1019
+ }
1020
+ .e-gantt .e-gantt-chart .e-maskcell05 {
1021
+ height: 12px;
1022
+ width: 108px;
1023
+ left: 64px;
1024
+ border-radius: 0;
1025
+ background: rgb(225, 223, 221);
1026
+ }
1027
+ .e-gantt .e-gantt-chart .e-maskcell06 {
1028
+ height: 18px;
1029
+ width: 195px;
1030
+ left: 192px;
1031
+ border-radius: 0;
1032
+ background: rgb(225, 223, 221);
1033
+ }
1034
+ .e-gantt .e-gantt-chart .e-maskcell07 {
1035
+ height: 18px;
1036
+ width: 156px;
1037
+ left: 388px;
1038
+ border-radius: 0;
1039
+ background: rgb(225, 223, 221);
1040
+ }
880
1041
  .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
881
1042
  .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
882
1043
  display: inline-block;
@@ -911,7 +1072,7 @@
911
1072
  border-right: 7px solid transparent;
912
1073
  cursor: col-resize;
913
1074
  height: 0;
914
- left: 0;
1075
+ left: 1px;
915
1076
  position: absolute;
916
1077
  top: -7px;
917
1078
  width: 0;
@@ -923,7 +1084,7 @@
923
1084
  border-right: 6px solid transparent;
924
1085
  cursor: col-resize;
925
1086
  height: 0;
926
- left: 1px;
1087
+ left: 2px;
927
1088
  position: absolute;
928
1089
  top: -7px;
929
1090
  width: 0;
@@ -1016,7 +1177,6 @@
1016
1177
  border-radius: 3px;
1017
1178
  font-weight: 500;
1018
1179
  height: 28px;
1019
- left: 5px;
1020
1180
  line-height: 1.5;
1021
1181
  padding: 3px 12px;
1022
1182
  position: absolute;
@@ -1139,6 +1299,8 @@
1139
1299
  }
1140
1300
  .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
1141
1301
  display: block;
1302
+ bottom: 1px;
1303
+ height: 3px;
1142
1304
  }
1143
1305
  .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
1144
1306
  border-style: solid;
@@ -1225,7 +1387,7 @@
1225
1387
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1226
1388
  border-radius: 50%;
1227
1389
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1228
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1390
+ width: auto;
1229
1391
  }
1230
1392
 
1231
1393
  .e-icon-rowselect::before {
@@ -1404,6 +1566,7 @@
1404
1566
  font-size: 12px;
1405
1567
  font-weight: 400;
1406
1568
  line-height: 1.8;
1569
+ color: #201f1e;
1407
1570
  margin-bottom: 0;
1408
1571
  }
1409
1572
 
@@ -1461,6 +1624,7 @@
1461
1624
  border-bottom-color: #edebe9;
1462
1625
  border-bottom-width: 1px;
1463
1626
  border-right-color: #edebe9;
1627
+ border-left-color: #edebe9;
1464
1628
  color: #201f1e;
1465
1629
  height: 52px;
1466
1630
  }
@@ -1503,7 +1667,7 @@
1503
1667
  }
1504
1668
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1505
1669
  background-color: #6ec0ff;
1506
- border: 1px solid #0078d4;
1670
+ outline: 1px solid #0078d4;
1507
1671
  border-radius: 4px;
1508
1672
  }
1509
1673
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1525,7 +1689,7 @@
1525
1689
  }
1526
1690
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1527
1691
  background-color: #e1dfdd;
1528
- border: 1px solid #c8c6c4;
1692
+ outline: 1px solid #c8c6c4;
1529
1693
  border-radius: 4px;
1530
1694
  }
1531
1695
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1581,6 +1745,7 @@
1581
1745
  }
1582
1746
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1583
1747
  border-right-color: #fff4ce;
1748
+ border-left-color: #fff4ce !important; /* stylelint-disable-line declaration-no-important */
1584
1749
  }
1585
1750
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1586
1751
  background: linear-gradient(to right, #c7e0f4, #0078d4 30%, #0078d4 70%, #0078d4 70%, #c7e0f4 100%);
@@ -1673,14 +1838,16 @@
1673
1838
  border-width: 3px;
1674
1839
  }
1675
1840
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1676
- border-bottom-left-radius: 0px;
1677
- border-bottom-right-radius: 2px;
1678
- border-top-left-radius: 0px;
1841
+ border-top-left-radius: 0;
1842
+ border-bottom-left-radius: 0;
1679
1843
  border-top-right-radius: 2px;
1844
+ border-bottom-right-radius: 2px;
1680
1845
  }
1681
1846
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1682
1847
  border-bottom-left-radius: 2px;
1683
1848
  border-top-left-radius: 2px;
1849
+ border-bottom-right-radius: 0;
1850
+ border-top-right-radius: 0;
1684
1851
  }
1685
1852
  .e-gantt .e-gantt-chart .e-task-label {
1686
1853
  color: #fff;
@@ -1833,6 +2000,9 @@
1833
2000
  color: #605e5c !important; /* stylelint-disable-line declaration-no-important */
1834
2001
  }
1835
2002
 
2003
+ .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
2004
+ border: none !important; /* stylelint-disable-line declaration-no-important */
2005
+ }
1836
2006
  .e-gantt-dialog .e-dlg-header {
1837
2007
  color: #201f1e;
1838
2008
  }
@@ -280,7 +280,7 @@
280
280
  border-radius: 0px !important;
281
281
  padding: 20px 18px 0px 18px !important;
282
282
  }
283
- .e-bigger .e-columnmenu {
283
+ .e-bigger .e-grid .e-columnmenu {
284
284
  top: 45px;
285
285
  }
286
286
  .e-bigger .e-gantt-dialog .e-dialog {
@@ -406,6 +406,75 @@
406
406
  font-size: 12px;
407
407
  font-weight: 400;
408
408
  line-height: 1.8;
409
+ color: #000;
410
+ }
411
+
412
+ .e-blazor-gantt-tooltip .e-tip-content {
413
+ overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
414
+ white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
415
+ word-break: unset !important; /* stylelint-disable-line declaration-no-important */
416
+ }
417
+
418
+ .e-gantt-tooltip .e-tip-content {
419
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
420
+ }
421
+
422
+ .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
423
+ border-left: none !important; /* stylelint-disable-line declaration-no-important */
424
+ border-right-color: #29c400;
425
+ }
426
+ .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
427
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
428
+ border-left-color: #29c400;
429
+ }
430
+ .e-gantt.e-gantt-rtl .e-toolbar-right {
431
+ left: auto !important; /* stylelint-disable-line declaration-no-important */
432
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
433
+ }
434
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
435
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
436
+ border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
437
+ border-left-color: #757575 !important; /* stylelint-disable-line declaration-no-important */
438
+ }
439
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
440
+ padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
441
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
442
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
443
+ }
444
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
445
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
446
+ }
447
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
448
+ right: 1px !important; /* stylelint-disable-line declaration-no-important */
449
+ }
450
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
451
+ margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
452
+ }
453
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
454
+ border-left: 5px solid;
455
+ border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
456
+ }
457
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
458
+ transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
459
+ }
460
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
461
+ padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
462
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
463
+ }
464
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
465
+ margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
466
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
467
+ }
468
+
469
+ .e-gantt-rtl .e-gantt-tooltip-label {
470
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
471
+ }
472
+ .e-gantt-rtl .e-tip-content {
473
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
474
+ }
475
+
476
+ .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
477
+ padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
409
478
  }
410
479
 
411
480
  .e-gantt {
@@ -517,6 +586,7 @@
517
586
  border-top-style: none;
518
587
  border-top-width: 0;
519
588
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
589
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
520
590
  }
521
591
  .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
522
592
  .e-gantt .e-gantt-tree-grid-pane .e-headercell {
@@ -525,6 +595,9 @@
525
595
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
526
596
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
527
597
  }
598
+ .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
599
+ overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
600
+ }
528
601
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
529
602
  width: calc(100% + 17px);
530
603
  }
@@ -544,6 +617,12 @@
544
617
  position: relative;
545
618
  width: 100%;
546
619
  }
620
+ .e-gantt .e-gantt-chart .e-chart-empty-row {
621
+ border: 0.5px solid;
622
+ position: absolute;
623
+ background-color: rgba(0, 120, 222, 0.15);
624
+ border-color: rgba(0, 120, 222, 0.65) !important;
625
+ }
547
626
  .e-gantt .e-gantt-chart .e-chart-root-container {
548
627
  border-right: 0 solid;
549
628
  }
@@ -792,6 +871,88 @@
792
871
  .e-gantt .e-gantt-chart .e-chart-rows-container {
793
872
  line-height: initial;
794
873
  }
874
+ .e-gantt .e-gantt-chart .e-masked-tbody {
875
+ table-layout: fixed;
876
+ width: 100%;
877
+ }
878
+ .e-gantt .e-gantt-chart .e-div-background {
879
+ border-color: #e1dfdd;
880
+ border-right-style: solid;
881
+ border-right-width: 1px;
882
+ height: 100%;
883
+ position: absolute;
884
+ }
885
+ .e-gantt .e-gantt-chart .e-innerHTML {
886
+ height: 16px;
887
+ width: 16px;
888
+ left: 14px;
889
+ background: #e1dfdd;
890
+ }
891
+ .e-gantt .e-gantt-chart .e-innerHTML1 {
892
+ height: 16px;
893
+ width: 16px;
894
+ left: 30px;
895
+ background: #e1dfdd;
896
+ }
897
+ .e-gantt .e-gantt-chart .e-innerHTML2 {
898
+ height: 16px;
899
+ width: 16px;
900
+ left: 60px;
901
+ background: #e1dfdd;
902
+ }
903
+ .e-gantt .e-gantt-chart .e-timelineHeader {
904
+ height: 16px;
905
+ width: 82px;
906
+ left: 20px;
907
+ background: #e1dfdd;
908
+ }
909
+ .e-gantt .e-gantt-chart .e-maskcell01 {
910
+ height: 12px;
911
+ width: 88px;
912
+ left: 14px;
913
+ border-radius: 0;
914
+ background: #e1dfdd;
915
+ }
916
+ .e-gantt .e-gantt-chart .e-maskcell02 {
917
+ height: 18px;
918
+ width: 410px;
919
+ border-radius: 0;
920
+ background: #e1dfdd;
921
+ }
922
+ .e-gantt .e-gantt-chart .e-maskcell03 {
923
+ height: 12px;
924
+ width: 88px;
925
+ left: 14px;
926
+ border-radius: 0;
927
+ background: #e1dfdd;
928
+ }
929
+ .e-gantt .e-gantt-chart .e-maskcell04 {
930
+ height: 18px;
931
+ width: 208px;
932
+ border-radius: 0;
933
+ background: #e1dfdd;
934
+ }
935
+ .e-gantt .e-gantt-chart .e-maskcell05 {
936
+ height: 12px;
937
+ width: 108px;
938
+ left: 64px;
939
+ border-radius: 0;
940
+ background: #e1dfdd;
941
+ }
942
+ .e-gantt .e-gantt-chart .e-maskcell06 {
943
+ height: 18px;
944
+ width: 195px;
945
+ left: 192px;
946
+ border-radius: 0;
947
+ background: #e1dfdd;
948
+ }
949
+ .e-gantt .e-gantt-chart .e-maskcell07 {
950
+ height: 18px;
951
+ width: 156px;
952
+ left: 388px;
953
+ border-radius: 0;
954
+ background: #e1dfdd;
955
+ }
795
956
  .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
796
957
  .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
797
958
  display: inline-block;
@@ -826,7 +987,7 @@
826
987
  border-right: 7px solid transparent;
827
988
  cursor: col-resize;
828
989
  height: 0;
829
- left: 0;
990
+ left: 1px;
830
991
  position: absolute;
831
992
  top: -7px;
832
993
  width: 0;
@@ -838,7 +999,7 @@
838
999
  border-right: 6px solid transparent;
839
1000
  cursor: col-resize;
840
1001
  height: 0;
841
- left: 1px;
1002
+ left: 2px;
842
1003
  position: absolute;
843
1004
  top: -7px;
844
1005
  width: 0;
@@ -931,7 +1092,6 @@
931
1092
  border-radius: 3px;
932
1093
  font-weight: 500;
933
1094
  height: 30px;
934
- left: 5px;
935
1095
  line-height: 1.2;
936
1096
  padding: 7px 12px;
937
1097
  position: absolute;
@@ -1140,7 +1300,7 @@
1140
1300
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1141
1301
  border-radius: 50%;
1142
1302
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1143
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1303
+ width: auto;
1144
1304
  }
1145
1305
 
1146
1306
  .e-icon-rowselect::before {
@@ -1319,6 +1479,7 @@
1319
1479
  font-size: 12px;
1320
1480
  font-weight: 400;
1321
1481
  line-height: 1.8;
1482
+ color: #000;
1322
1483
  }
1323
1484
 
1324
1485
  /*! Gantt theme */
@@ -1375,6 +1536,7 @@
1375
1536
  border-bottom-color: #757575;
1376
1537
  border-bottom-width: 1px;
1377
1538
  border-right-color: #757575;
1539
+ border-left-color: #757575;
1378
1540
  color: #000;
1379
1541
  height: 64px;
1380
1542
  }
@@ -1417,7 +1579,7 @@
1417
1579
  }
1418
1580
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1419
1581
  background-color: #3e047d;
1420
- border: 1px solid #000;
1582
+ outline: 1px solid #000;
1421
1583
  border-radius: 0px;
1422
1584
  }
1423
1585
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1439,7 +1601,7 @@
1439
1601
  }
1440
1602
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1441
1603
  background-color: #007d01;
1442
- border: 1px solid #000;
1604
+ outline: 1px solid #000;
1443
1605
  border-radius: 0px;
1444
1606
  }
1445
1607
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1495,6 +1657,7 @@
1495
1657
  }
1496
1658
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1497
1659
  border-right-color: #000;
1660
+ border-left-color: #000 !important; /* stylelint-disable-line declaration-no-important */
1498
1661
  }
1499
1662
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1500
1663
  background: linear-gradient(to right, rgba(62, 4, 125, 0.2), #3e047d 30%, #3e047d 70%, #3e047d 70%, rgba(62, 4, 125, 0.2) 100%);
@@ -1587,14 +1750,16 @@
1587
1750
  border-width: 3px;
1588
1751
  }
1589
1752
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1590
- border-bottom-left-radius: 0px;
1591
- border-bottom-right-radius: 2px;
1592
- border-top-left-radius: 0px;
1753
+ border-top-left-radius: 0;
1754
+ border-bottom-left-radius: 0;
1593
1755
  border-top-right-radius: 2px;
1756
+ border-bottom-right-radius: 2px;
1594
1757
  }
1595
1758
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1596
1759
  border-bottom-left-radius: 2px;
1597
1760
  border-top-left-radius: 2px;
1761
+ border-bottom-right-radius: 0;
1762
+ border-top-right-radius: 0;
1598
1763
  }
1599
1764
  .e-gantt .e-gantt-chart .e-task-label {
1600
1765
  color: #000;
@@ -1747,6 +1912,9 @@
1747
1912
  color: #000 !important; /* stylelint-disable-line declaration-no-important */
1748
1913
  }
1749
1914
 
1915
+ .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
1916
+ border: none !important; /* stylelint-disable-line declaration-no-important */
1917
+ }
1750
1918
  .e-gantt-dialog .e-dlg-header {
1751
1919
  color: #000;
1752
1920
  }