@syncfusion/ej2-gantt 19.3.45 → 19.3.53

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 (59) hide show
  1. package/CHANGELOG.md +43 -0
  2. package/dist/ej2-gantt.umd.min.js +2 -2
  3. package/dist/ej2-gantt.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-gantt.es2015.js +76 -13
  5. package/dist/es6/ej2-gantt.es2015.js.map +1 -1
  6. package/dist/es6/ej2-gantt.es5.js +129 -56
  7. package/dist/es6/ej2-gantt.es5.js.map +1 -1
  8. package/dist/global/ej2-gantt.min.js +2 -2
  9. package/dist/global/ej2-gantt.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +18 -18
  12. package/src/gantt/actions/context-menu.js +5 -0
  13. package/src/gantt/actions/dialog-edit.js +6 -6
  14. package/src/gantt/actions/edit.js +3 -2
  15. package/src/gantt/actions/rowdragdrop.js +74 -41
  16. package/src/gantt/actions/taskbar-edit.js +3 -1
  17. package/src/gantt/base/date-processor.js +4 -1
  18. package/src/gantt/base/gantt.js +20 -0
  19. package/src/gantt/base/task-processor.js +11 -2
  20. package/src/gantt/base/utils.js +3 -3
  21. package/styles/bootstrap-dark.css +95 -99
  22. package/styles/bootstrap.css +95 -99
  23. package/styles/bootstrap4.css +100 -99
  24. package/styles/bootstrap5-dark.css +101 -99
  25. package/styles/bootstrap5.css +101 -99
  26. package/styles/fabric-dark.css +95 -99
  27. package/styles/fabric.css +95 -99
  28. package/styles/gantt/_bootstrap-dark-definition.scss +0 -1
  29. package/styles/gantt/_bootstrap-definition.scss +0 -1
  30. package/styles/gantt/_bootstrap4-definition.scss +0 -1
  31. package/styles/gantt/_bootstrap5-definition.scss +0 -1
  32. package/styles/gantt/_fabric-dark-definition.scss +0 -1
  33. package/styles/gantt/_fabric-definition.scss +0 -1
  34. package/styles/gantt/_highcontrast-definition.scss +0 -1
  35. package/styles/gantt/_highcontrast-light-definition.scss +0 -1
  36. package/styles/gantt/_layout.scss +94 -93
  37. package/styles/gantt/_material-dark-definition.scss +0 -1
  38. package/styles/gantt/_material-definition.scss +0 -1
  39. package/styles/gantt/_tailwind-definition.scss +0 -1
  40. package/styles/gantt/_theme.scss +76 -81
  41. package/styles/gantt/bootstrap-dark.css +95 -99
  42. package/styles/gantt/bootstrap.css +95 -99
  43. package/styles/gantt/bootstrap4.css +100 -99
  44. package/styles/gantt/bootstrap5-dark.css +101 -99
  45. package/styles/gantt/bootstrap5.css +101 -99
  46. package/styles/gantt/fabric-dark.css +95 -99
  47. package/styles/gantt/fabric.css +95 -99
  48. package/styles/gantt/highcontrast-light.css +95 -99
  49. package/styles/gantt/highcontrast.css +95 -99
  50. package/styles/gantt/material-dark.css +95 -99
  51. package/styles/gantt/material.css +95 -99
  52. package/styles/gantt/tailwind-dark.css +95 -99
  53. package/styles/gantt/tailwind.css +95 -99
  54. package/styles/highcontrast-light.css +95 -99
  55. package/styles/highcontrast.css +95 -99
  56. package/styles/material-dark.css +95 -99
  57. package/styles/material.css +95 -99
  58. package/styles/tailwind-dark.css +95 -99
  59. package/styles/tailwind.css +95 -99
@@ -358,6 +358,11 @@
358
358
  background: transparent;
359
359
  }
360
360
 
361
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
362
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
363
+ background: #e9ecef;
364
+ }
365
+
361
366
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
362
367
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
363
368
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -745,23 +750,6 @@
745
750
  border-color: transparent;
746
751
  }
747
752
 
748
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header {
749
- padding-left: 12px;
750
- }
751
-
752
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
753
- display: block;
754
- }
755
-
756
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
757
- border-style: solid;
758
- border-width: 1px;
759
- }
760
-
761
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
762
- border: 0;
763
- }
764
-
765
753
  .e-gantt .e-gantt-tree-grid-pane .e-grid {
766
754
  border-width: 0;
767
755
  }
@@ -1396,101 +1384,118 @@
1396
1384
  outline-offset: 2px;
1397
1385
  }
1398
1386
 
1399
- .e-gantt .e-gantt-dialog {
1387
+ .e-gantt-dialog .e-tab .e-tab-header {
1388
+ padding-left: 12px;
1389
+ }
1390
+
1391
+ .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
1392
+ display: block;
1393
+ }
1394
+
1395
+ .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
1396
+ border-style: solid;
1397
+ border-width: 1px;
1398
+ }
1399
+
1400
+ .e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
1400
1401
  border: 0;
1401
1402
  }
1402
1403
 
1403
- .e-gantt .e-gantt-dialog .e-gridform .e-table {
1404
+ .e-gantt-dialog {
1405
+ border: 0;
1406
+ }
1407
+
1408
+ .e-gantt-dialog .e-gridform .e-table {
1404
1409
  border-spacing: 0;
1405
1410
  }
1406
1411
 
1407
- .e-gantt .e-gantt-dialog .e-item {
1412
+ .e-gantt-dialog .e-item {
1408
1413
  height: 241px;
1409
1414
  }
1410
1415
 
1411
- .e-gantt .e-gantt-dialog .e-dependent-div {
1416
+ .e-gantt-dialog .e-dependent-div {
1412
1417
  border-bottom-width: 0px;
1413
1418
  }
1414
1419
 
1415
- .e-gantt .e-gantt-dialog .e-icon-dlg-close {
1420
+ .e-gantt-dialog .e-icon-dlg-close {
1416
1421
  opacity: initial;
1417
1422
  }
1418
1423
 
1419
- .e-gantt .e-gantt-dialog .e-toolbar {
1424
+ .e-gantt-dialog .e-toolbar {
1420
1425
  border-top-width: 0;
1421
1426
  }
1422
1427
 
1423
- .e-gantt .e-gantt-dialog .e-resource-div {
1428
+ .e-gantt-dialog .e-resource-div {
1424
1429
  border-bottom-width: 0px;
1425
1430
  }
1426
1431
 
1427
- .e-gantt .e-gantt-dialog .e-resource-div .e-gridheader {
1432
+ .e-gantt-dialog .e-resource-div .e-gridheader {
1428
1433
  border-top-width: 0;
1429
1434
  }
1430
1435
 
1431
- .e-gantt .e-gantt-dialog .e-edit-form-row {
1436
+ .e-gantt-dialog .e-edit-form-row {
1432
1437
  height: 241px;
1433
1438
  overflow-y: auto;
1434
1439
  padding-bottom: 12px;
1435
1440
  }
1436
1441
 
1437
- .e-gantt .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
1442
+ .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
1438
1443
  float: left;
1439
1444
  padding: 16px 18px 0 18px;
1440
1445
  width: 50%;
1441
1446
  }
1442
1447
 
1443
- .e-gantt .e-gantt-dialog .e-edit-form-column:nth-child(even) {
1448
+ .e-gantt-dialog .e-edit-form-column:nth-child(even) {
1444
1449
  float: left;
1445
1450
  padding: 16px 16px 0 0;
1446
1451
  width: 50%;
1447
1452
  }
1448
1453
 
1449
- .e-gantt .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
1454
+ .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
1450
1455
  padding: 16px 16px 0 0;
1451
1456
  }
1452
1457
 
1453
- .e-gantt .e-gantt-dialog .e-edit-form-column {
1458
+ .e-gantt-dialog .e-edit-form-column {
1454
1459
  height: 75px;
1455
1460
  }
1456
1461
 
1457
- .e-gantt .e-gantt-dialog .e-dependent-div .e-content {
1462
+ .e-gantt-dialog .e-dependent-div .e-content {
1458
1463
  height: 161px;
1459
1464
  }
1460
1465
 
1461
- .e-gantt .e-gantt-dialog .e-resource-div .e-content {
1466
+ .e-gantt-dialog .e-resource-div .e-content {
1462
1467
  height: 202px;
1463
1468
  }
1464
1469
 
1465
- .e-gantt .e-gantt-dialog .e-richtexteditor {
1470
+ .e-gantt-dialog .e-richtexteditor {
1466
1471
  border-bottom-width: 0px;
1467
1472
  height: 241px !important;
1468
1473
  overflow: hidden;
1469
1474
  }
1470
1475
 
1471
- .e-gantt .e-gantt-dialog .e-richtexteditor.e-rte-tb-expand {
1476
+ .e-gantt-dialog .e-richtexteditor.e-rte-tb-expand {
1472
1477
  border-top: 0;
1473
1478
  }
1474
1479
 
1475
- .e-gantt .e-gantt-dialog .e-richtexteditor .e-rte-content {
1480
+ .e-gantt-dialog .e-richtexteditor .e-rte-content {
1476
1481
  border-bottom-width: 0px;
1477
1482
  height: 200px;
1478
1483
  }
1479
1484
 
1480
- .e-gantt .e-gantt-dialog > .e-dlg-content {
1485
+ .e-gantt-dialog > .e-dlg-content {
1481
1486
  padding: 0 !important;
1482
1487
  }
1483
1488
 
1484
- .e-gantt .e-gantt-dialog .e-dlg-header-content {
1489
+ .e-gantt-dialog .e-dlg-header-content {
1485
1490
  border-bottom: 0 !important;
1486
1491
  }
1487
1492
 
1488
- .e-gantt .e-gantt-dialog .e-dlg-header-content {
1493
+ .e-gantt-dialog .e-dlg-header-content {
1489
1494
  border-radius: 3px 3px 0px 0px;
1490
1495
  padding-bottom: 20px;
1491
1496
  }
1492
1497
 
1493
- .e-gantt .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1498
+ .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1494
1499
  border-radius: 50%;
1495
1500
  }
1496
1501
 
@@ -1646,10 +1651,6 @@
1646
1651
  border-radius: 0px;
1647
1652
  }
1648
1653
 
1649
- .e-gantt .e-gantt-splitter-height {
1650
- height: calc(100% - 38px) !important;
1651
- }
1652
-
1653
1654
  .e-gantt .e-cloneproperties.e-draganddrop {
1654
1655
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1655
1656
  opacity: .95;
@@ -1681,62 +1682,6 @@
1681
1682
  box-shadow: 0 0 0 1px #66afe9 inset !important;
1682
1683
  }
1683
1684
 
1684
- .e-gantt .e-gantt-dialog .e-dlg-header {
1685
- color: #fff;
1686
- }
1687
-
1688
- .e-gantt .e-gantt-dialog .e-dlg-header-content {
1689
- background: #007bff;
1690
- }
1691
-
1692
- .e-gantt .e-gantt-dialog .e-icon-dlg-close {
1693
- color: rgba(255, 255, 255, 0.75);
1694
- }
1695
-
1696
- .e-gantt .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
1697
- background-color: transparent;
1698
- }
1699
-
1700
- .e-gantt .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
1701
- color: white;
1702
- }
1703
-
1704
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header {
1705
- background: #007bff;
1706
- }
1707
-
1708
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
1709
- background: transparent;
1710
- }
1711
-
1712
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
1713
- background-color: #fff;
1714
- }
1715
-
1716
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
1717
- color: #495057;
1718
- }
1719
-
1720
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
1721
- border-color: transparent;
1722
- }
1723
-
1724
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
1725
- color: #fff;
1726
- }
1727
-
1728
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
1729
- background: transparent;
1730
- border-bottom: 0px;
1731
- border-bottom-left-radius: 0px;
1732
- border-bottom-right-radius: 0px;
1733
- border-color: #dee2e6;
1734
- }
1735
-
1736
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-tab-text {
1737
- color: #fff;
1738
- }
1739
-
1740
1685
  .e-gantt .e-temp-content {
1741
1686
  border-color: #dee2e6;
1742
1687
  }
@@ -2241,6 +2186,62 @@
2241
2186
  color: #212529 !important;
2242
2187
  }
2243
2188
 
2189
+ .e-gantt-dialog .e-dlg-header {
2190
+ color: #fff;
2191
+ }
2192
+
2193
+ .e-gantt-dialog .e-dlg-header-content {
2194
+ background: #007bff;
2195
+ }
2196
+
2197
+ .e-gantt-dialog .e-icon-dlg-close {
2198
+ color: rgba(255, 255, 255, 0.75);
2199
+ }
2200
+
2201
+ .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
2202
+ background-color: transparent;
2203
+ }
2204
+
2205
+ .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
2206
+ color: white;
2207
+ }
2208
+
2209
+ .e-gantt-dialog .e-tab .e-tab-header {
2210
+ background: #007bff;
2211
+ }
2212
+
2213
+ .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
2214
+ background: transparent;
2215
+ }
2216
+
2217
+ .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
2218
+ background-color: #fff;
2219
+ }
2220
+
2221
+ .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
2222
+ color: #495057;
2223
+ }
2224
+
2225
+ .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
2226
+ border-color: transparent;
2227
+ }
2228
+
2229
+ .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
2230
+ color: #fff;
2231
+ }
2232
+
2233
+ .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
2234
+ background: transparent;
2235
+ border-bottom: 0px;
2236
+ border-bottom-left-radius: 0px;
2237
+ border-bottom-right-radius: 0px;
2238
+ border-color: #dee2e6;
2239
+ }
2240
+
2241
+ .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-tab-text {
2242
+ color: #fff;
2243
+ }
2244
+
2244
2245
  .e-gantt.e-device .e-left-resize-gripper,
2245
2246
  .e-gantt.e-device .e-right-resize-gripper {
2246
2247
  border-color: #9e9e9e;
@@ -62,6 +62,12 @@
62
62
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
63
63
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
64
64
  background: transparent;
65
+ color: inherit;
66
+ }
67
+
68
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
69
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
70
+ background: #343a40;
65
71
  }
66
72
 
67
73
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
@@ -410,23 +416,6 @@
410
416
  border-color: transparent;
411
417
  }
412
418
 
413
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header {
414
- padding-left: 12px;
415
- }
416
-
417
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
418
- display: block;
419
- }
420
-
421
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
422
- border-style: solid;
423
- border-width: 1px;
424
- }
425
-
426
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
427
- border: 0;
428
- }
429
-
430
419
  .e-gantt .e-gantt-tree-grid-pane .e-grid {
431
420
  border-width: 0;
432
421
  }
@@ -1061,101 +1050,118 @@
1061
1050
  outline-offset: 2px;
1062
1051
  }
1063
1052
 
1064
- .e-gantt .e-gantt-dialog {
1053
+ .e-gantt-dialog .e-tab .e-tab-header {
1054
+ padding-left: 12px;
1055
+ }
1056
+
1057
+ .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
1058
+ display: block;
1059
+ }
1060
+
1061
+ .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
1062
+ border-style: solid;
1063
+ border-width: 1px;
1064
+ }
1065
+
1066
+ .e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
1065
1067
  border: 0;
1066
1068
  }
1067
1069
 
1068
- .e-gantt .e-gantt-dialog .e-gridform .e-table {
1070
+ .e-gantt-dialog {
1071
+ border: 0;
1072
+ }
1073
+
1074
+ .e-gantt-dialog .e-gridform .e-table {
1069
1075
  border-spacing: 0;
1070
1076
  }
1071
1077
 
1072
- .e-gantt .e-gantt-dialog .e-item {
1078
+ .e-gantt-dialog .e-item {
1073
1079
  height: 241px;
1074
1080
  }
1075
1081
 
1076
- .e-gantt .e-gantt-dialog .e-dependent-div {
1082
+ .e-gantt-dialog .e-dependent-div {
1077
1083
  border-bottom-width: 0px;
1078
1084
  }
1079
1085
 
1080
- .e-gantt .e-gantt-dialog .e-icon-dlg-close {
1086
+ .e-gantt-dialog .e-icon-dlg-close {
1081
1087
  opacity: initial;
1082
1088
  }
1083
1089
 
1084
- .e-gantt .e-gantt-dialog .e-toolbar {
1090
+ .e-gantt-dialog .e-toolbar {
1085
1091
  border-top-width: 0;
1086
1092
  }
1087
1093
 
1088
- .e-gantt .e-gantt-dialog .e-resource-div {
1094
+ .e-gantt-dialog .e-resource-div {
1089
1095
  border-bottom-width: 0px;
1090
1096
  }
1091
1097
 
1092
- .e-gantt .e-gantt-dialog .e-resource-div .e-gridheader {
1098
+ .e-gantt-dialog .e-resource-div .e-gridheader {
1093
1099
  border-top-width: 0;
1094
1100
  }
1095
1101
 
1096
- .e-gantt .e-gantt-dialog .e-edit-form-row {
1102
+ .e-gantt-dialog .e-edit-form-row {
1097
1103
  height: 241px;
1098
1104
  overflow-y: auto;
1099
1105
  padding-bottom: 12px;
1100
1106
  }
1101
1107
 
1102
- .e-gantt .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
1108
+ .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
1103
1109
  float: left;
1104
1110
  padding: 16px 18px 0 18px;
1105
1111
  width: 50%;
1106
1112
  }
1107
1113
 
1108
- .e-gantt .e-gantt-dialog .e-edit-form-column:nth-child(even) {
1114
+ .e-gantt-dialog .e-edit-form-column:nth-child(even) {
1109
1115
  float: left;
1110
1116
  padding: 16px 16px 0 0;
1111
1117
  width: 50%;
1112
1118
  }
1113
1119
 
1114
- .e-gantt .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
1120
+ .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
1115
1121
  padding: 16px 16px 0 0;
1116
1122
  }
1117
1123
 
1118
- .e-gantt .e-gantt-dialog .e-edit-form-column {
1124
+ .e-gantt-dialog .e-edit-form-column {
1119
1125
  height: 75px;
1120
1126
  }
1121
1127
 
1122
- .e-gantt .e-gantt-dialog .e-dependent-div .e-content {
1128
+ .e-gantt-dialog .e-dependent-div .e-content {
1123
1129
  height: 161px;
1124
1130
  }
1125
1131
 
1126
- .e-gantt .e-gantt-dialog .e-resource-div .e-content {
1132
+ .e-gantt-dialog .e-resource-div .e-content {
1127
1133
  height: 202px;
1128
1134
  }
1129
1135
 
1130
- .e-gantt .e-gantt-dialog .e-richtexteditor {
1136
+ .e-gantt-dialog .e-richtexteditor {
1131
1137
  border-bottom-width: 0px;
1132
1138
  height: 241px !important;
1133
1139
  overflow: hidden;
1134
1140
  }
1135
1141
 
1136
- .e-gantt .e-gantt-dialog .e-richtexteditor.e-rte-tb-expand {
1142
+ .e-gantt-dialog .e-richtexteditor.e-rte-tb-expand {
1137
1143
  border-top: 0;
1138
1144
  }
1139
1145
 
1140
- .e-gantt .e-gantt-dialog .e-richtexteditor .e-rte-content {
1146
+ .e-gantt-dialog .e-richtexteditor .e-rte-content {
1141
1147
  border-bottom-width: 0px;
1142
1148
  height: 200px;
1143
1149
  }
1144
1150
 
1145
- .e-gantt .e-gantt-dialog > .e-dlg-content {
1151
+ .e-gantt-dialog > .e-dlg-content {
1146
1152
  padding: 0 !important;
1147
1153
  }
1148
1154
 
1149
- .e-gantt .e-gantt-dialog .e-dlg-header-content {
1155
+ .e-gantt-dialog .e-dlg-header-content {
1150
1156
  border-bottom: 0 !important;
1151
1157
  }
1152
1158
 
1153
- .e-gantt .e-gantt-dialog .e-dlg-header-content {
1159
+ .e-gantt-dialog .e-dlg-header-content {
1154
1160
  border-radius: 3px 3px 0px 0px;
1155
1161
  padding-bottom: 20px;
1156
1162
  }
1157
1163
 
1158
- .e-gantt .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1164
+ .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1159
1165
  border-radius: 50%;
1160
1166
  }
1161
1167
 
@@ -1311,10 +1317,6 @@
1311
1317
  border-radius: 0px;
1312
1318
  }
1313
1319
 
1314
- .e-gantt .e-gantt-splitter-height {
1315
- height: calc(100% - 37px) !important;
1316
- }
1317
-
1318
1320
  .e-gantt .e-cloneproperties.e-draganddrop {
1319
1321
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1320
1322
  opacity: .95;
@@ -1346,62 +1348,6 @@
1346
1348
  box-shadow: 0 0 0 1px #6c757d inset !important;
1347
1349
  }
1348
1350
 
1349
- .e-gantt .e-gantt-dialog .e-dlg-header {
1350
- color: #fff;
1351
- }
1352
-
1353
- .e-gantt .e-gantt-dialog .e-dlg-header-content {
1354
- background: #282d31;
1355
- }
1356
-
1357
- .e-gantt .e-gantt-dialog .e-icon-dlg-close {
1358
- color: #adb5bd;
1359
- }
1360
-
1361
- .e-gantt .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
1362
- background-color: #282d31;
1363
- }
1364
-
1365
- .e-gantt .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
1366
- color: #adb5bd;
1367
- }
1368
-
1369
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header {
1370
- background: #282d31;
1371
- }
1372
-
1373
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
1374
- background: #0d6efd;
1375
- }
1376
-
1377
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
1378
- background-color: transparent;
1379
- }
1380
-
1381
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
1382
- color: #0d6efd;
1383
- }
1384
-
1385
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
1386
- border-color: transparent;
1387
- }
1388
-
1389
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
1390
- color: #ced4da;
1391
- }
1392
-
1393
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
1394
- background: transparent;
1395
- border-bottom: 0px;
1396
- border-bottom-left-radius: 0px;
1397
- border-bottom-right-radius: 0px;
1398
- border-color: transparent;
1399
- }
1400
-
1401
- .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-tab-text {
1402
- color: #ced4da;
1403
- }
1404
-
1405
1351
  .e-gantt .e-temp-content {
1406
1352
  border-color: #444c54;
1407
1353
  }
@@ -1906,6 +1852,62 @@
1906
1852
  color: #6c757d !important;
1907
1853
  }
1908
1854
 
1855
+ .e-gantt-dialog .e-dlg-header {
1856
+ color: #fff;
1857
+ }
1858
+
1859
+ .e-gantt-dialog .e-dlg-header-content {
1860
+ background: #282d31;
1861
+ }
1862
+
1863
+ .e-gantt-dialog .e-icon-dlg-close {
1864
+ color: #adb5bd;
1865
+ }
1866
+
1867
+ .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
1868
+ background-color: #282d31;
1869
+ }
1870
+
1871
+ .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
1872
+ color: #adb5bd;
1873
+ }
1874
+
1875
+ .e-gantt-dialog .e-tab .e-tab-header {
1876
+ background: #282d31;
1877
+ }
1878
+
1879
+ .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
1880
+ background: #0d6efd;
1881
+ }
1882
+
1883
+ .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
1884
+ background-color: transparent;
1885
+ }
1886
+
1887
+ .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
1888
+ color: #0d6efd;
1889
+ }
1890
+
1891
+ .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
1892
+ border-color: transparent;
1893
+ }
1894
+
1895
+ .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
1896
+ color: #ced4da;
1897
+ }
1898
+
1899
+ .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
1900
+ background: transparent;
1901
+ border-bottom: 0px;
1902
+ border-bottom-left-radius: 0px;
1903
+ border-bottom-right-radius: 0px;
1904
+ border-color: transparent;
1905
+ }
1906
+
1907
+ .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-tab-text {
1908
+ color: #ced4da;
1909
+ }
1910
+
1909
1911
  .e-gantt.e-device .e-left-resize-gripper,
1910
1912
  .e-gantt.e-device .e-right-resize-gripper {
1911
1913
  border-color: #6c757d;