@syncfusion/ej2-react-gantt 20.3.61 → 20.4.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/README.md +139 -66
  3. package/diConfig.json +8 -4
  4. package/dist/ej2-react-gantt.min.js +1 -1
  5. package/dist/ej2-react-gantt.umd.min.js +1 -1
  6. package/package.json +11 -19
  7. package/styles/bootstrap-dark.css +179 -12
  8. package/styles/bootstrap.css +179 -12
  9. package/styles/bootstrap4.css +179 -11
  10. package/styles/bootstrap5-dark.css +178 -10
  11. package/styles/bootstrap5.css +178 -10
  12. package/styles/fabric-dark.css +179 -12
  13. package/styles/fabric.css +179 -12
  14. package/styles/fluent-dark.css +180 -10
  15. package/styles/fluent.css +180 -10
  16. package/styles/gantt/bootstrap-dark.css +179 -12
  17. package/styles/gantt/bootstrap.css +179 -12
  18. package/styles/gantt/bootstrap4.css +179 -11
  19. package/styles/gantt/bootstrap5-dark.css +178 -10
  20. package/styles/gantt/bootstrap5.css +178 -10
  21. package/styles/gantt/fabric-dark.css +179 -12
  22. package/styles/gantt/fabric.css +179 -12
  23. package/styles/gantt/fluent-dark.css +180 -10
  24. package/styles/gantt/fluent.css +180 -10
  25. package/styles/gantt/highcontrast-light.css +178 -10
  26. package/styles/gantt/highcontrast.css +179 -12
  27. package/styles/gantt/material-dark.css +177 -12
  28. package/styles/gantt/material.css +179 -12
  29. package/styles/gantt/tailwind-dark.css +178 -10
  30. package/styles/gantt/tailwind.css +178 -10
  31. package/styles/highcontrast-light.css +178 -10
  32. package/styles/highcontrast.css +179 -12
  33. package/styles/material-dark.css +177 -12
  34. package/styles/material.css +179 -12
  35. package/styles/tailwind-dark.css +178 -10
  36. package/styles/tailwind.css +178 -10
@@ -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
  }
@@ -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);
@@ -226,7 +225,7 @@
226
225
  content: "\e825";
227
226
  }
228
227
  .e-gantt .e-notes-info::before {
229
- content: "🛈";
228
+ content: "\e607";
230
229
  }
231
230
  .e-gantt .e-left-resize-gripper::before,
232
231
  .e-gantt .e-right-resize-gripper::before {
@@ -378,7 +377,7 @@
378
377
  border-radius: 6px !important;
379
378
  padding: 20px 16px 6px 16px !important;
380
379
  }
381
- .e-bigger .e-columnmenu {
380
+ .e-bigger .e-grid .e-columnmenu {
382
381
  top: 38px;
383
382
  }
384
383
  .e-bigger .e-gantt-dialog .e-dialog {
@@ -510,6 +509,75 @@
510
509
  font-size: 12px;
511
510
  font-weight: 400;
512
511
  line-height: 1.46;
512
+ color: #000;
513
+ }
514
+
515
+ .e-blazor-gantt-tooltip .e-tip-content {
516
+ overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
517
+ white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
518
+ word-break: unset !important; /* stylelint-disable-line declaration-no-important */
519
+ }
520
+
521
+ .e-gantt-tooltip .e-tip-content {
522
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
523
+ }
524
+
525
+ .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
526
+ border-left: none !important; /* stylelint-disable-line declaration-no-important */
527
+ border-right-color: #3f51b5;
528
+ }
529
+ .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
530
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
531
+ border-left-color: #3f51b5;
532
+ }
533
+ .e-gantt.e-gantt-rtl .e-toolbar-right {
534
+ left: auto !important; /* stylelint-disable-line declaration-no-important */
535
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
536
+ }
537
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
538
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
539
+ border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
540
+ border-left-color: #e0e0e0 !important; /* stylelint-disable-line declaration-no-important */
541
+ }
542
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
543
+ padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
544
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
545
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
546
+ }
547
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
548
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
549
+ }
550
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
551
+ right: 1px !important; /* stylelint-disable-line declaration-no-important */
552
+ }
553
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
554
+ margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
555
+ }
556
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
557
+ border-left: 5px solid;
558
+ border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
559
+ }
560
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
561
+ transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
562
+ }
563
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
564
+ padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
565
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
566
+ }
567
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
568
+ margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
569
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
570
+ }
571
+
572
+ .e-gantt-rtl .e-gantt-tooltip-label {
573
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
574
+ }
575
+ .e-gantt-rtl .e-tip-content {
576
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
577
+ }
578
+
579
+ .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
580
+ padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
513
581
  }
514
582
 
515
583
  .e-gantt {
@@ -621,6 +689,7 @@
621
689
  border-top-style: none;
622
690
  border-top-width: 0;
623
691
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
692
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
624
693
  }
625
694
  .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
626
695
  .e-gantt .e-gantt-tree-grid-pane .e-headercell {
@@ -629,6 +698,9 @@
629
698
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
630
699
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
631
700
  }
701
+ .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
702
+ overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
703
+ }
632
704
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
633
705
  width: calc(100% + 17px);
634
706
  }
@@ -648,6 +720,12 @@
648
720
  position: relative;
649
721
  width: 100%;
650
722
  }
723
+ .e-gantt .e-gantt-chart .e-chart-empty-row {
724
+ border: 0.5px solid;
725
+ position: absolute;
726
+ background-color: rgba(0, 120, 222, 0.15);
727
+ border-color: rgba(0, 120, 222, 0.65) !important;
728
+ }
651
729
  .e-gantt .e-gantt-chart .e-chart-root-container {
652
730
  border-right: 0 solid;
653
731
  }
@@ -896,6 +974,88 @@
896
974
  .e-gantt .e-gantt-chart .e-chart-rows-container {
897
975
  line-height: initial;
898
976
  }
977
+ .e-gantt .e-gantt-chart .e-masked-tbody {
978
+ table-layout: fixed;
979
+ width: 100%;
980
+ }
981
+ .e-gantt .e-gantt-chart .e-div-background {
982
+ border-color: #e1dfdd;
983
+ border-right-style: solid;
984
+ border-right-width: 1px;
985
+ height: 100%;
986
+ position: absolute;
987
+ }
988
+ .e-gantt .e-gantt-chart .e-innerHTML {
989
+ height: 16px;
990
+ width: 16px;
991
+ left: 14px;
992
+ background: #e1dfdd;
993
+ }
994
+ .e-gantt .e-gantt-chart .e-innerHTML1 {
995
+ height: 16px;
996
+ width: 16px;
997
+ left: 30px;
998
+ background: #e1dfdd;
999
+ }
1000
+ .e-gantt .e-gantt-chart .e-innerHTML2 {
1001
+ height: 16px;
1002
+ width: 16px;
1003
+ left: 60px;
1004
+ background: #e1dfdd;
1005
+ }
1006
+ .e-gantt .e-gantt-chart .e-timelineHeader {
1007
+ height: 16px;
1008
+ width: 82px;
1009
+ left: 20px;
1010
+ background: #e1dfdd;
1011
+ }
1012
+ .e-gantt .e-gantt-chart .e-maskcell01 {
1013
+ height: 12px;
1014
+ width: 88px;
1015
+ left: 14px;
1016
+ border-radius: 0;
1017
+ background: #e1dfdd;
1018
+ }
1019
+ .e-gantt .e-gantt-chart .e-maskcell02 {
1020
+ height: 18px;
1021
+ width: 410px;
1022
+ border-radius: 0;
1023
+ background: #e1dfdd;
1024
+ }
1025
+ .e-gantt .e-gantt-chart .e-maskcell03 {
1026
+ height: 12px;
1027
+ width: 88px;
1028
+ left: 14px;
1029
+ border-radius: 0;
1030
+ background: #e1dfdd;
1031
+ }
1032
+ .e-gantt .e-gantt-chart .e-maskcell04 {
1033
+ height: 18px;
1034
+ width: 208px;
1035
+ border-radius: 0;
1036
+ background: #e1dfdd;
1037
+ }
1038
+ .e-gantt .e-gantt-chart .e-maskcell05 {
1039
+ height: 12px;
1040
+ width: 108px;
1041
+ left: 64px;
1042
+ border-radius: 0;
1043
+ background: #e1dfdd;
1044
+ }
1045
+ .e-gantt .e-gantt-chart .e-maskcell06 {
1046
+ height: 18px;
1047
+ width: 195px;
1048
+ left: 192px;
1049
+ border-radius: 0;
1050
+ background: #e1dfdd;
1051
+ }
1052
+ .e-gantt .e-gantt-chart .e-maskcell07 {
1053
+ height: 18px;
1054
+ width: 156px;
1055
+ left: 388px;
1056
+ border-radius: 0;
1057
+ background: #e1dfdd;
1058
+ }
899
1059
  .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
900
1060
  .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
901
1061
  display: inline-block;
@@ -930,7 +1090,7 @@
930
1090
  border-right: 7px solid transparent;
931
1091
  cursor: col-resize;
932
1092
  height: 0;
933
- left: 0;
1093
+ left: 1px;
934
1094
  position: absolute;
935
1095
  top: -7px;
936
1096
  width: 0;
@@ -942,7 +1102,7 @@
942
1102
  border-right: 6px solid transparent;
943
1103
  cursor: col-resize;
944
1104
  height: 0;
945
- left: 1px;
1105
+ left: 2px;
946
1106
  position: absolute;
947
1107
  top: -7px;
948
1108
  width: 0;
@@ -1035,7 +1195,6 @@
1035
1195
  border-radius: 3px;
1036
1196
  font-weight: 500;
1037
1197
  height: 30px;
1038
- left: 5px;
1039
1198
  line-height: 1.4;
1040
1199
  padding: 7px 12px;
1041
1200
  position: absolute;
@@ -1244,7 +1403,7 @@
1244
1403
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1245
1404
  border-radius: 50%;
1246
1405
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1247
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1406
+ width: auto;
1248
1407
  }
1249
1408
 
1250
1409
  .e-icon-rowselect::before {
@@ -1422,6 +1581,7 @@
1422
1581
  font-size: 12px;
1423
1582
  font-weight: 400;
1424
1583
  line-height: 1.46;
1584
+ color: #000;
1425
1585
  }
1426
1586
 
1427
1587
  /*! Gantt theme */
@@ -1478,6 +1638,7 @@
1478
1638
  border-bottom-color: #e0e0e0;
1479
1639
  border-bottom-width: 1px;
1480
1640
  border-right-color: #e0e0e0;
1641
+ border-left-color: #e0e0e0;
1481
1642
  color: rgba(0, 0, 0, 0.54);
1482
1643
  height: 64px;
1483
1644
  }
@@ -1520,7 +1681,7 @@
1520
1681
  }
1521
1682
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1522
1683
  background-color: #5869c5;
1523
- border: 1px solid #3f51b5;
1684
+ outline: 1px solid #3f51b5;
1524
1685
  border-radius: 4px;
1525
1686
  }
1526
1687
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1542,7 +1703,7 @@
1542
1703
  }
1543
1704
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1544
1705
  background-color: rgba(97, 97, 97, 0.87);
1545
- border: 1px solid #616161;
1706
+ outline: 1px solid #616161;
1546
1707
  border-radius: 4px;
1547
1708
  }
1548
1709
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1598,6 +1759,7 @@
1598
1759
  }
1599
1760
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1600
1761
  border-right-color: #fdbf64;
1762
+ border-left-color: #fdbf64 !important; /* stylelint-disable-line declaration-no-important */
1601
1763
  }
1602
1764
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1603
1765
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #3f51b5 30%, #3f51b5 70%, #3f51b5 70%, rgba(63, 81, 181, 0.2) 100%);
@@ -1690,14 +1852,16 @@
1690
1852
  border-width: 3px;
1691
1853
  }
1692
1854
  .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;
1855
+ border-top-left-radius: 0;
1856
+ border-bottom-left-radius: 0;
1696
1857
  border-top-right-radius: 2px;
1858
+ border-bottom-right-radius: 2px;
1697
1859
  }
1698
1860
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1699
1861
  border-bottom-left-radius: 2px;
1700
1862
  border-top-left-radius: 2px;
1863
+ border-bottom-right-radius: 0;
1864
+ border-top-right-radius: 0;
1701
1865
  }
1702
1866
  .e-gantt .e-gantt-chart .e-task-label {
1703
1867
  color: #fff;
@@ -1850,6 +2014,9 @@
1850
2014
  color: rgba(0, 0, 0, 0.54) !important; /* stylelint-disable-line declaration-no-important */
1851
2015
  }
1852
2016
 
2017
+ .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
2018
+ border: none !important; /* stylelint-disable-line declaration-no-important */
2019
+ }
1853
2020
  .e-gantt-dialog .e-dlg-header {
1854
2021
  color: #fff;
1855
2022
  }