@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
@@ -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
  }
@@ -703,10 +780,10 @@
703
780
  box-sizing: border-box;
704
781
  }
705
782
  .e-gantt .e-gantt-chart .e-zero-spacing {
706
- border-spacing: 0;
783
+ border-spacing: 0.25px;
707
784
  }
708
785
  .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
709
- border-top-color: transparent;
786
+ border-top: 0;
710
787
  }
711
788
  .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
712
789
  border-collapse: separate;
@@ -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;
@@ -951,6 +1110,7 @@
951
1110
  }
952
1111
  .e-gantt .e-gantt-chart .e-task-table {
953
1112
  overflow: hidden;
1113
+ border-collapse: separate;
954
1114
  }
955
1115
  .e-gantt .e-gantt-chart .e-left-resize-gripper,
956
1116
  .e-gantt .e-gantt-chart .e-right-resize-gripper {
@@ -995,7 +1155,6 @@
995
1155
  border-radius: 3px;
996
1156
  font-weight: 500;
997
1157
  height: 30px;
998
- left: 5px;
999
1158
  line-height: 1.4;
1000
1159
  padding: 7px 12px;
1001
1160
  position: absolute;
@@ -1204,7 +1363,7 @@
1204
1363
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1205
1364
  border-radius: 50%;
1206
1365
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1207
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1366
+ width: auto;
1208
1367
  }
1209
1368
 
1210
1369
  .e-icon-rowselect::before {
@@ -1439,6 +1598,7 @@
1439
1598
  border-bottom-color: #616161;
1440
1599
  border-bottom-width: 1px;
1441
1600
  border-right-color: #616161;
1601
+ border-left-color: #616161;
1442
1602
  color: rgba(255, 255, 255, 0.7);
1443
1603
  height: 64px;
1444
1604
  }
@@ -1481,7 +1641,7 @@
1481
1641
  }
1482
1642
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1483
1643
  background-color: #3f51b5;
1484
- border: 1px solid #7280ce;
1644
+ outline: 1px solid #7280ce;
1485
1645
  border-radius: 4px;
1486
1646
  }
1487
1647
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1503,7 +1663,7 @@
1503
1663
  }
1504
1664
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1505
1665
  background-color: #029f90;
1506
- border: 1px solid #4cc7ba;
1666
+ outline: 1px solid #4cc7ba;
1507
1667
  border-radius: 4px;
1508
1668
  }
1509
1669
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1559,6 +1719,7 @@
1559
1719
  }
1560
1720
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1561
1721
  border-right-color: #cae8ff;
1722
+ border-left-color: #cae8ff !important; /* stylelint-disable-line declaration-no-important */
1562
1723
  }
1563
1724
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1564
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%);
@@ -1651,14 +1812,16 @@
1651
1812
  border-width: 3px;
1652
1813
  }
1653
1814
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1654
- border-bottom-left-radius: 0px;
1655
- border-bottom-right-radius: 2px;
1656
- border-top-left-radius: 0px;
1815
+ border-top-left-radius: 0;
1816
+ border-bottom-left-radius: 0;
1657
1817
  border-top-right-radius: 2px;
1818
+ border-bottom-right-radius: 2px;
1658
1819
  }
1659
1820
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1660
1821
  border-bottom-left-radius: 2px;
1661
1822
  border-top-left-radius: 2px;
1823
+ border-bottom-right-radius: 0;
1824
+ border-top-right-radius: 0;
1662
1825
  }
1663
1826
  .e-gantt .e-gantt-chart .e-task-label {
1664
1827
  color: #fff;
@@ -1811,6 +1974,9 @@
1811
1974
  color: rgba(255, 255, 255, 0.7) !important; /* stylelint-disable-line declaration-no-important */
1812
1975
  }
1813
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
+ }
1814
1980
  .e-gantt-dialog .e-dlg-header {
1815
1981
  color: #fff;
1816
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
  }
@@ -742,10 +820,10 @@
742
820
  box-sizing: border-box;
743
821
  }
744
822
  .e-gantt .e-gantt-chart .e-zero-spacing {
745
- border-spacing: 0;
823
+ border-spacing: 0.25px;
746
824
  }
747
825
  .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
748
- border-top-color: transparent;
826
+ border-top: 0;
749
827
  }
750
828
  .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
751
829
  border-collapse: separate;
@@ -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;
@@ -990,6 +1150,7 @@
990
1150
  }
991
1151
  .e-gantt .e-gantt-chart .e-task-table {
992
1152
  overflow: hidden;
1153
+ border-collapse: separate;
993
1154
  }
994
1155
  .e-gantt .e-gantt-chart .e-left-resize-gripper,
995
1156
  .e-gantt .e-gantt-chart .e-right-resize-gripper {
@@ -1034,7 +1195,6 @@
1034
1195
  border-radius: 3px;
1035
1196
  font-weight: 500;
1036
1197
  height: 30px;
1037
- left: 5px;
1038
1198
  line-height: 1.4;
1039
1199
  padding: 7px 12px;
1040
1200
  position: absolute;
@@ -1243,7 +1403,7 @@
1243
1403
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1244
1404
  border-radius: 50%;
1245
1405
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1246
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1406
+ width: auto;
1247
1407
  }
1248
1408
 
1249
1409
  .e-icon-rowselect::before {
@@ -1421,6 +1581,7 @@
1421
1581
  font-size: 12px;
1422
1582
  font-weight: 400;
1423
1583
  line-height: 1.46;
1584
+ color: #000;
1424
1585
  }
1425
1586
 
1426
1587
  /*! Gantt theme */
@@ -1477,6 +1638,7 @@
1477
1638
  border-bottom-color: #e0e0e0;
1478
1639
  border-bottom-width: 1px;
1479
1640
  border-right-color: #e0e0e0;
1641
+ border-left-color: #e0e0e0;
1480
1642
  color: rgba(0, 0, 0, 0.54);
1481
1643
  height: 64px;
1482
1644
  }
@@ -1519,7 +1681,7 @@
1519
1681
  }
1520
1682
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1521
1683
  background-color: #5869c5;
1522
- border: 1px solid #3f51b5;
1684
+ outline: 1px solid #3f51b5;
1523
1685
  border-radius: 4px;
1524
1686
  }
1525
1687
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1541,7 +1703,7 @@
1541
1703
  }
1542
1704
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1543
1705
  background-color: rgba(97, 97, 97, 0.87);
1544
- border: 1px solid #616161;
1706
+ outline: 1px solid #616161;
1545
1707
  border-radius: 4px;
1546
1708
  }
1547
1709
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1597,6 +1759,7 @@
1597
1759
  }
1598
1760
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1599
1761
  border-right-color: #fdbf64;
1762
+ border-left-color: #fdbf64 !important; /* stylelint-disable-line declaration-no-important */
1600
1763
  }
1601
1764
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1602
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%);
@@ -1689,14 +1852,16 @@
1689
1852
  border-width: 3px;
1690
1853
  }
1691
1854
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1692
- border-bottom-left-radius: 0px;
1693
- border-bottom-right-radius: 2px;
1694
- border-top-left-radius: 0px;
1855
+ border-top-left-radius: 0;
1856
+ border-bottom-left-radius: 0;
1695
1857
  border-top-right-radius: 2px;
1858
+ border-bottom-right-radius: 2px;
1696
1859
  }
1697
1860
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1698
1861
  border-bottom-left-radius: 2px;
1699
1862
  border-top-left-radius: 2px;
1863
+ border-bottom-right-radius: 0;
1864
+ border-top-right-radius: 0;
1700
1865
  }
1701
1866
  .e-gantt .e-gantt-chart .e-task-label {
1702
1867
  color: #fff;
@@ -1849,6 +2014,9 @@
1849
2014
  color: rgba(0, 0, 0, 0.54) !important; /* stylelint-disable-line declaration-no-important */
1850
2015
  }
1851
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
+ }
1852
2020
  .e-gantt-dialog .e-dlg-header {
1853
2021
  color: #fff;
1854
2022
  }