@syncfusion/ej2-angular-gantt 20.4.38 → 20.4.39

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 (106) hide show
  1. package/README.md +131 -61
  2. package/esm2020/src/gantt/gantt.component.mjs +3 -3
  3. package/fesm2015/syncfusion-ej2-angular-gantt.mjs +2 -2
  4. package/fesm2015/syncfusion-ej2-angular-gantt.mjs.map +1 -1
  5. package/fesm2020/syncfusion-ej2-angular-gantt.mjs +2 -2
  6. package/fesm2020/syncfusion-ej2-angular-gantt.mjs.map +1 -1
  7. package/package.json +1 -1
  8. package/src/gantt/gantt.component.d.ts +1 -1
  9. package/styles/bootstrap-dark.css +182 -14
  10. package/styles/bootstrap.css +182 -14
  11. package/styles/bootstrap4.css +182 -13
  12. package/styles/bootstrap5-dark.css +181 -12
  13. package/styles/bootstrap5.css +181 -12
  14. package/styles/fabric-dark.css +182 -14
  15. package/styles/fabric.css +182 -14
  16. package/styles/fluent-dark.css +183 -12
  17. package/styles/fluent.css +183 -12
  18. package/styles/gantt/_bootstrap-dark-definition.scss +6 -2
  19. package/styles/gantt/_bootstrap-definition.scss +6 -3
  20. package/styles/gantt/_bootstrap4-definition.scss +6 -3
  21. package/styles/gantt/_bootstrap5-definition.scss +6 -3
  22. package/styles/gantt/_fabric-dark-definition.scss +6 -3
  23. package/styles/gantt/_fabric-definition.scss +6 -3
  24. package/styles/gantt/_fluent-definition.scss +6 -3
  25. package/styles/gantt/_fusionnew-definition.scss +6 -3
  26. package/styles/gantt/_highcontrast-definition.scss +7 -4
  27. package/styles/gantt/_highcontrast-light-definition.scss +6 -3
  28. package/styles/gantt/_layout.scss +237 -23
  29. package/styles/gantt/_material-dark-definition.scss +6 -3
  30. package/styles/gantt/_material-definition.scss +6 -3
  31. package/styles/gantt/_material3-definition.scss +6 -3
  32. package/styles/gantt/_tailwind-definition.scss +6 -3
  33. package/styles/gantt/_theme.scss +17 -8
  34. package/styles/gantt/bootstrap-dark.css +182 -14
  35. package/styles/gantt/bootstrap.css +182 -14
  36. package/styles/gantt/bootstrap4.css +182 -13
  37. package/styles/gantt/bootstrap5-dark.css +181 -12
  38. package/styles/gantt/bootstrap5.css +181 -12
  39. package/styles/gantt/fabric-dark.css +182 -14
  40. package/styles/gantt/fabric.css +182 -14
  41. package/styles/gantt/fluent-dark.css +183 -12
  42. package/styles/gantt/fluent.css +183 -12
  43. package/styles/gantt/highcontrast-light.css +181 -12
  44. package/styles/gantt/highcontrast.css +182 -14
  45. package/styles/gantt/icons/_bootstrap-dark.scss +1 -1
  46. package/styles/gantt/icons/_bootstrap.scss +1 -1
  47. package/styles/gantt/icons/_fabric-dark.scss +1 -1
  48. package/styles/gantt/icons/_fabric.scss +1 -1
  49. package/styles/gantt/icons/_highcontrast.scss +1 -1
  50. package/styles/gantt/icons/_material-dark.scss +1 -1
  51. package/styles/gantt/icons/_material.scss +1 -1
  52. package/styles/gantt/material-dark.css +180 -14
  53. package/styles/gantt/material.css +182 -14
  54. package/styles/gantt/tailwind-dark.css +181 -12
  55. package/styles/gantt/tailwind.css +181 -12
  56. package/styles/highcontrast-light.css +181 -12
  57. package/styles/highcontrast.css +182 -14
  58. package/styles/material-dark.css +180 -14
  59. package/styles/material.css +182 -14
  60. package/styles/tailwind-dark.css +181 -12
  61. package/styles/tailwind.css +181 -12
  62. package/schematics/collection.json +0 -30
  63. package/schematics/generators/gantt-daymarkers/index.d.ts +0 -3
  64. package/schematics/generators/gantt-daymarkers/index.js +0 -8
  65. package/schematics/generators/gantt-daymarkers/sample-details.d.ts +0 -5
  66. package/schematics/generators/gantt-daymarkers/sample-details.js +0 -7
  67. package/schematics/generators/gantt-daymarkers/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -9
  68. package/schematics/generators/gantt-daymarkers/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -6
  69. package/schematics/generators/gantt-daymarkers/schema.d.ts +0 -3
  70. package/schematics/generators/gantt-daymarkers/schema.js +0 -2
  71. package/schematics/generators/gantt-daymarkers/schema.json +0 -125
  72. package/schematics/generators/gantt-default/index.d.ts +0 -3
  73. package/schematics/generators/gantt-default/index.js +0 -8
  74. package/schematics/generators/gantt-default/sample-details.d.ts +0 -5
  75. package/schematics/generators/gantt-default/sample-details.js +0 -7
  76. package/schematics/generators/gantt-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  77. package/schematics/generators/gantt-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -4
  78. package/schematics/generators/gantt-default/schema.d.ts +0 -3
  79. package/schematics/generators/gantt-default/schema.js +0 -2
  80. package/schematics/generators/gantt-default/schema.json +0 -125
  81. package/schematics/generators/gantt-editing/index.d.ts +0 -3
  82. package/schematics/generators/gantt-editing/index.js +0 -8
  83. package/schematics/generators/gantt-editing/sample-details.d.ts +0 -5
  84. package/schematics/generators/gantt-editing/sample-details.js +0 -7
  85. package/schematics/generators/gantt-editing/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -4
  86. package/schematics/generators/gantt-editing/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
  87. package/schematics/generators/gantt-editing/schema.d.ts +0 -3
  88. package/schematics/generators/gantt-editing/schema.js +0 -2
  89. package/schematics/generators/gantt-editing/schema.json +0 -125
  90. package/schematics/generators/gantt-localdata/index.d.ts +0 -3
  91. package/schematics/generators/gantt-localdata/index.js +0 -8
  92. package/schematics/generators/gantt-localdata/sample-details.d.ts +0 -5
  93. package/schematics/generators/gantt-localdata/sample-details.js +0 -7
  94. package/schematics/generators/gantt-localdata/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -4
  95. package/schematics/generators/gantt-localdata/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
  96. package/schematics/generators/gantt-localdata/schema.d.ts +0 -3
  97. package/schematics/generators/gantt-localdata/schema.js +0 -2
  98. package/schematics/generators/gantt-localdata/schema.json +0 -125
  99. package/schematics/ng-add/index.d.ts +0 -3
  100. package/schematics/ng-add/index.js +0 -9
  101. package/schematics/ng-add/schema.d.ts +0 -13
  102. package/schematics/ng-add/schema.js +0 -2
  103. package/schematics/ng-add/schema.json +0 -34
  104. package/schematics/tsconfig.json +0 -25
  105. package/schematics/utils/lib-details.d.ts +0 -4
  106. package/schematics/utils/lib-details.js +0 -6
@@ -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
  }
@@ -638,10 +717,10 @@
638
717
  box-sizing: border-box;
639
718
  }
640
719
  .e-gantt .e-gantt-chart .e-zero-spacing {
641
- border-spacing: 0;
720
+ border-spacing: 0.25px;
642
721
  }
643
722
  .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
644
- border-top-color: transparent;
723
+ border-top: 0;
645
724
  }
646
725
  .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
647
726
  border-collapse: separate;
@@ -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;
@@ -886,6 +1047,7 @@
886
1047
  }
887
1048
  .e-gantt .e-gantt-chart .e-task-table {
888
1049
  overflow: hidden;
1050
+ border-collapse: separate;
889
1051
  }
890
1052
  .e-gantt .e-gantt-chart .e-left-resize-gripper,
891
1053
  .e-gantt .e-gantt-chart .e-right-resize-gripper {
@@ -930,7 +1092,6 @@
930
1092
  border-radius: 3px;
931
1093
  font-weight: 500;
932
1094
  height: 30px;
933
- left: 5px;
934
1095
  line-height: 1.2;
935
1096
  padding: 7px 12px;
936
1097
  position: absolute;
@@ -1139,7 +1300,7 @@
1139
1300
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1140
1301
  border-radius: 50%;
1141
1302
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1142
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1303
+ width: auto;
1143
1304
  }
1144
1305
 
1145
1306
  .e-icon-rowselect::before {
@@ -1318,6 +1479,7 @@
1318
1479
  font-size: 12px;
1319
1480
  font-weight: 400;
1320
1481
  line-height: 1.8;
1482
+ color: #000;
1321
1483
  }
1322
1484
 
1323
1485
  /*! Gantt theme */
@@ -1374,6 +1536,7 @@
1374
1536
  border-bottom-color: #757575;
1375
1537
  border-bottom-width: 1px;
1376
1538
  border-right-color: #757575;
1539
+ border-left-color: #757575;
1377
1540
  color: #000;
1378
1541
  height: 64px;
1379
1542
  }
@@ -1416,7 +1579,7 @@
1416
1579
  }
1417
1580
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1418
1581
  background-color: #3e047d;
1419
- border: 1px solid #000;
1582
+ outline: 1px solid #000;
1420
1583
  border-radius: 0px;
1421
1584
  }
1422
1585
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1438,7 +1601,7 @@
1438
1601
  }
1439
1602
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1440
1603
  background-color: #007d01;
1441
- border: 1px solid #000;
1604
+ outline: 1px solid #000;
1442
1605
  border-radius: 0px;
1443
1606
  }
1444
1607
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1494,6 +1657,7 @@
1494
1657
  }
1495
1658
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1496
1659
  border-right-color: #000;
1660
+ border-left-color: #000 !important; /* stylelint-disable-line declaration-no-important */
1497
1661
  }
1498
1662
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1499
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%);
@@ -1586,14 +1750,16 @@
1586
1750
  border-width: 3px;
1587
1751
  }
1588
1752
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1589
- border-bottom-left-radius: 0px;
1590
- border-bottom-right-radius: 2px;
1591
- border-top-left-radius: 0px;
1753
+ border-top-left-radius: 0;
1754
+ border-bottom-left-radius: 0;
1592
1755
  border-top-right-radius: 2px;
1756
+ border-bottom-right-radius: 2px;
1593
1757
  }
1594
1758
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1595
1759
  border-bottom-left-radius: 2px;
1596
1760
  border-top-left-radius: 2px;
1761
+ border-bottom-right-radius: 0;
1762
+ border-top-right-radius: 0;
1597
1763
  }
1598
1764
  .e-gantt .e-gantt-chart .e-task-label {
1599
1765
  color: #000;
@@ -1746,6 +1912,9 @@
1746
1912
  color: #000 !important; /* stylelint-disable-line declaration-no-important */
1747
1913
  }
1748
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
+ }
1749
1918
  .e-gantt-dialog .e-dlg-header {
1750
1919
  color: #000;
1751
1920
  }
@@ -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
  }
@@ -740,10 +818,10 @@
740
818
  box-sizing: border-box;
741
819
  }
742
820
  .e-gantt .e-gantt-chart .e-zero-spacing {
743
- border-spacing: 0;
821
+ border-spacing: 0.25px;
744
822
  }
745
823
  .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
746
- border-top-color: transparent;
824
+ border-top: 0;
747
825
  }
748
826
  .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
749
827
  border-collapse: separate;
@@ -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;
@@ -988,6 +1148,7 @@
988
1148
  }
989
1149
  .e-gantt .e-gantt-chart .e-task-table {
990
1150
  overflow: hidden;
1151
+ border-collapse: separate;
991
1152
  }
992
1153
  .e-gantt .e-gantt-chart .e-left-resize-gripper,
993
1154
  .e-gantt .e-gantt-chart .e-right-resize-gripper {
@@ -1032,7 +1193,6 @@
1032
1193
  border-radius: 3px;
1033
1194
  font-weight: 500;
1034
1195
  height: 30px;
1035
- left: 5px;
1036
1196
  line-height: 1.2;
1037
1197
  padding: 7px 12px;
1038
1198
  position: absolute;
@@ -1241,7 +1401,7 @@
1241
1401
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1242
1402
  border-radius: 50%;
1243
1403
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1244
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1404
+ width: auto;
1245
1405
  }
1246
1406
 
1247
1407
  .e-icon-rowselect::before {
@@ -1420,6 +1580,7 @@
1420
1580
  font-size: 12px;
1421
1581
  font-weight: 400;
1422
1582
  line-height: 1.8;
1583
+ color: #fff;
1423
1584
  }
1424
1585
 
1425
1586
  /*! Gantt theme */
@@ -1476,6 +1637,7 @@
1476
1637
  border-bottom-color: #969696;
1477
1638
  border-bottom-width: 1px;
1478
1639
  border-right-color: #969696;
1640
+ border-left-color: #969696;
1479
1641
  color: #fff;
1480
1642
  height: 64px;
1481
1643
  }
@@ -1518,7 +1680,7 @@
1518
1680
  }
1519
1681
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1520
1682
  background-color: #6e06f1;
1521
- border: 1px solid #fff;
1683
+ outline: 1px solid #fff;
1522
1684
  border-radius: 0px;
1523
1685
  }
1524
1686
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1540,7 +1702,7 @@
1540
1702
  }
1541
1703
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1542
1704
  background-color: #007d01;
1543
- border: 1px solid #fff;
1705
+ outline: 1px solid #fff;
1544
1706
  border-radius: 0px;
1545
1707
  }
1546
1708
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1596,6 +1758,7 @@
1596
1758
  }
1597
1759
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1598
1760
  border-right-color: #fff;
1761
+ border-left-color: #fff !important; /* stylelint-disable-line declaration-no-important */
1599
1762
  }
1600
1763
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1601
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%);
@@ -1688,14 +1851,16 @@
1688
1851
  border-width: 3px;
1689
1852
  }
1690
1853
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1691
- border-bottom-left-radius: 0px;
1692
- border-bottom-right-radius: 2px;
1693
- border-top-left-radius: 0px;
1854
+ border-top-left-radius: 0;
1855
+ border-bottom-left-radius: 0;
1694
1856
  border-top-right-radius: 2px;
1857
+ border-bottom-right-radius: 2px;
1695
1858
  }
1696
1859
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1697
1860
  border-bottom-left-radius: 2px;
1698
1861
  border-top-left-radius: 2px;
1862
+ border-bottom-right-radius: 0;
1863
+ border-top-right-radius: 0;
1699
1864
  }
1700
1865
  .e-gantt .e-gantt-chart .e-task-label {
1701
1866
  color: #fff;
@@ -1848,6 +2013,9 @@
1848
2013
  color: #fff !important; /* stylelint-disable-line declaration-no-important */
1849
2014
  }
1850
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
+ }
1851
2019
  .e-gantt-dialog .e-dlg-header {
1852
2020
  color: #000;
1853
2021
  }