@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
@@ -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
  }
@@ -723,10 +802,10 @@
723
802
  box-sizing: border-box;
724
803
  }
725
804
  .e-gantt .e-gantt-chart .e-zero-spacing {
726
- border-spacing: 0;
805
+ border-spacing: 0.25px;
727
806
  }
728
807
  .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
729
- border-top-color: transparent;
808
+ border-top: 0;
730
809
  }
731
810
  .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
732
811
  border-collapse: separate;
@@ -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;
@@ -971,6 +1132,7 @@
971
1132
  }
972
1133
  .e-gantt .e-gantt-chart .e-task-table {
973
1134
  overflow: hidden;
1135
+ border-collapse: separate;
974
1136
  }
975
1137
  .e-gantt .e-gantt-chart .e-left-resize-gripper,
976
1138
  .e-gantt .e-gantt-chart .e-right-resize-gripper {
@@ -1015,7 +1177,6 @@
1015
1177
  border-radius: 3px;
1016
1178
  font-weight: 500;
1017
1179
  height: 28px;
1018
- left: 5px;
1019
1180
  line-height: 1.5;
1020
1181
  padding: 3px 12px;
1021
1182
  position: absolute;
@@ -1138,6 +1299,8 @@
1138
1299
  }
1139
1300
  .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
1140
1301
  display: block;
1302
+ bottom: 1px;
1303
+ height: 3px;
1141
1304
  }
1142
1305
  .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
1143
1306
  border-style: solid;
@@ -1224,7 +1387,7 @@
1224
1387
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1225
1388
  border-radius: 50%;
1226
1389
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1227
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1390
+ width: auto;
1228
1391
  }
1229
1392
 
1230
1393
  .e-icon-rowselect::before {
@@ -1403,6 +1566,7 @@
1403
1566
  font-size: 12px;
1404
1567
  font-weight: 400;
1405
1568
  line-height: 1.8;
1569
+ color: #201f1e;
1406
1570
  margin-bottom: 0;
1407
1571
  }
1408
1572
 
@@ -1460,6 +1624,7 @@
1460
1624
  border-bottom-color: #edebe9;
1461
1625
  border-bottom-width: 1px;
1462
1626
  border-right-color: #edebe9;
1627
+ border-left-color: #edebe9;
1463
1628
  color: #201f1e;
1464
1629
  height: 52px;
1465
1630
  }
@@ -1502,7 +1667,7 @@
1502
1667
  }
1503
1668
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1504
1669
  background-color: #6ec0ff;
1505
- border: 1px solid #0078d4;
1670
+ outline: 1px solid #0078d4;
1506
1671
  border-radius: 4px;
1507
1672
  }
1508
1673
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1524,7 +1689,7 @@
1524
1689
  }
1525
1690
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1526
1691
  background-color: #e1dfdd;
1527
- border: 1px solid #c8c6c4;
1692
+ outline: 1px solid #c8c6c4;
1528
1693
  border-radius: 4px;
1529
1694
  }
1530
1695
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1580,6 +1745,7 @@
1580
1745
  }
1581
1746
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1582
1747
  border-right-color: #fff4ce;
1748
+ border-left-color: #fff4ce !important; /* stylelint-disable-line declaration-no-important */
1583
1749
  }
1584
1750
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1585
1751
  background: linear-gradient(to right, #c7e0f4, #0078d4 30%, #0078d4 70%, #0078d4 70%, #c7e0f4 100%);
@@ -1672,14 +1838,16 @@
1672
1838
  border-width: 3px;
1673
1839
  }
1674
1840
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1675
- border-bottom-left-radius: 0px;
1676
- border-bottom-right-radius: 2px;
1677
- border-top-left-radius: 0px;
1841
+ border-top-left-radius: 0;
1842
+ border-bottom-left-radius: 0;
1678
1843
  border-top-right-radius: 2px;
1844
+ border-bottom-right-radius: 2px;
1679
1845
  }
1680
1846
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1681
1847
  border-bottom-left-radius: 2px;
1682
1848
  border-top-left-radius: 2px;
1849
+ border-bottom-right-radius: 0;
1850
+ border-top-right-radius: 0;
1683
1851
  }
1684
1852
  .e-gantt .e-gantt-chart .e-task-label {
1685
1853
  color: #fff;
@@ -1832,6 +2000,9 @@
1832
2000
  color: #605e5c !important; /* stylelint-disable-line declaration-no-important */
1833
2001
  }
1834
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
+ }
1835
2006
  .e-gantt-dialog .e-dlg-header {
1836
2007
  color: #201f1e;
1837
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
  }
@@ -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
  }