@syncfusion/ej2-gantt 20.1.58 → 20.2.36

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 (105) hide show
  1. package/CHANGELOG.md +37 -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 +1100 -74
  5. package/dist/es6/ej2-gantt.es2015.js.map +1 -1
  6. package/dist/es6/ej2-gantt.es5.js +1099 -71
  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/actions.d.ts +1 -0
  13. package/src/gantt/actions/actions.js +1 -0
  14. package/src/gantt/actions/cell-edit.js +5 -3
  15. package/src/gantt/actions/connector-line-edit.js +20 -6
  16. package/src/gantt/actions/context-menu.js +3 -4
  17. package/src/gantt/actions/critical-path.d.ts +26 -0
  18. package/src/gantt/actions/critical-path.js +735 -0
  19. package/src/gantt/actions/dependency.js +3 -0
  20. package/src/gantt/actions/dialog-edit.js +1 -1
  21. package/src/gantt/actions/edit.js +29 -3
  22. package/src/gantt/actions/filter.js +1 -1
  23. package/src/gantt/actions/keyboard.js +2 -2
  24. package/src/gantt/actions/selection.js +3 -0
  25. package/src/gantt/actions/taskbar-edit.js +6 -4
  26. package/src/gantt/actions/toolbar.js +22 -4
  27. package/src/gantt/base/css-constants.d.ts +12 -0
  28. package/src/gantt/base/css-constants.js +12 -0
  29. package/src/gantt/base/date-processor.d.ts +1 -1
  30. package/src/gantt/base/date-processor.js +8 -2
  31. package/src/gantt/base/enum.d.ts +3 -1
  32. package/src/gantt/base/gantt-chart.js +6 -2
  33. package/src/gantt/base/gantt-model.d.ts +8 -1
  34. package/src/gantt/base/gantt.d.ts +32 -1
  35. package/src/gantt/base/gantt.js +133 -5
  36. package/src/gantt/base/interface.d.ts +16 -0
  37. package/src/gantt/base/splitter.js +4 -0
  38. package/src/gantt/base/task-processor.js +19 -6
  39. package/src/gantt/base/tree-grid.js +1 -1
  40. package/src/gantt/export/export-helper.js +19 -6
  41. package/src/gantt/export/pdf-base/pdf-style/gantt-theme.js +16 -0
  42. package/src/gantt/renderer/chart-rows.js +16 -5
  43. package/src/gantt/renderer/nonworking-day.js +5 -2
  44. package/src/gantt/renderer/timeline.js +35 -14
  45. package/src/global.js +1 -1
  46. package/styles/bootstrap-dark.css +272 -14
  47. package/styles/bootstrap.css +271 -14
  48. package/styles/bootstrap4.css +273 -12
  49. package/styles/bootstrap5-dark.css +272 -15
  50. package/styles/bootstrap5.css +272 -15
  51. package/styles/fabric-dark.css +270 -12
  52. package/styles/fabric.css +276 -18
  53. package/styles/fluent-dark.css +272 -14
  54. package/styles/fluent.css +272 -14
  55. package/styles/gantt/_bootstrap-dark-definition.scss +59 -16
  56. package/styles/gantt/_bootstrap-definition.scss +57 -14
  57. package/styles/gantt/_bootstrap4-definition.scss +65 -21
  58. package/styles/gantt/_bootstrap5-definition.scss +55 -12
  59. package/styles/gantt/_fabric-dark-definition.scss +58 -15
  60. package/styles/gantt/_fabric-definition.scss +58 -15
  61. package/styles/gantt/_fluent-definition.scss +53 -10
  62. package/styles/gantt/_fusionnew-definition.scss +212 -0
  63. package/styles/gantt/_highcontrast-definition.scss +57 -14
  64. package/styles/gantt/_highcontrast-light-definition.scss +55 -12
  65. package/styles/gantt/_layout.scss +293 -7
  66. package/styles/gantt/_material-dark-definition.scss +60 -16
  67. package/styles/gantt/_material-definition.scss +65 -21
  68. package/styles/gantt/_material3-definition.scss +213 -0
  69. package/styles/gantt/_tailwind-definition.scss +52 -8
  70. package/styles/gantt/_theme.scss +56 -1
  71. package/styles/gantt/bootstrap-dark.css +272 -14
  72. package/styles/gantt/bootstrap.css +271 -14
  73. package/styles/gantt/bootstrap4.css +273 -12
  74. package/styles/gantt/bootstrap5-dark.css +272 -15
  75. package/styles/gantt/bootstrap5.css +272 -15
  76. package/styles/gantt/fabric-dark.css +270 -12
  77. package/styles/gantt/fabric.css +276 -18
  78. package/styles/gantt/fluent-dark.css +272 -14
  79. package/styles/gantt/fluent.css +272 -14
  80. package/styles/gantt/highcontrast-light.css +260 -13
  81. package/styles/gantt/highcontrast.css +271 -13
  82. package/styles/gantt/icons/_bootstrap-dark.scss +12 -1
  83. package/styles/gantt/icons/_bootstrap.scss +12 -1
  84. package/styles/gantt/icons/_bootstrap4.scss +12 -1
  85. package/styles/gantt/icons/_bootstrap5.scss +12 -0
  86. package/styles/gantt/icons/_fabric-dark.scss +12 -0
  87. package/styles/gantt/icons/_fabric.scss +12 -0
  88. package/styles/gantt/icons/_fluent.scss +12 -0
  89. package/styles/gantt/icons/_fusionnew.scss +120 -0
  90. package/styles/gantt/icons/_highcontrast.scss +12 -0
  91. package/styles/gantt/icons/_material-dark.scss +12 -0
  92. package/styles/gantt/icons/_material.scss +12 -0
  93. package/styles/gantt/icons/_material3.scss +124 -0
  94. package/styles/gantt/icons/_tailwind-dark.scss +12 -0
  95. package/styles/gantt/icons/_tailwind.scss +12 -0
  96. package/styles/gantt/material-dark.css +277 -12
  97. package/styles/gantt/material.css +279 -14
  98. package/styles/gantt/tailwind-dark.css +279 -15
  99. package/styles/gantt/tailwind.css +276 -12
  100. package/styles/highcontrast-light.css +260 -13
  101. package/styles/highcontrast.css +271 -13
  102. package/styles/material-dark.css +277 -12
  103. package/styles/material.css +279 -14
  104. package/styles/tailwind-dark.css +279 -15
  105. package/styles/tailwind.css +276 -12
package/styles/gantt/_bootstrap4-definition.scss CHANGED
@@ -1,4 +1,4 @@
1
- $gantt-header-bg-color: $white !default;
1
+ $gantt-header-bg-color: $primary-font !default;
2
2
  $gantt-header-border-color: $gray-300 !default;
3
3
  $gantt-header-color: $gray-900 !default;
4
4
  $gantt-context-menu-icon-color: $gray-900 !default;
@@ -6,13 +6,13 @@ $gantt-grid-line-color: $gray-300 !default;
6
6
  $gantt-label-color: $gray-900 !default;
7
7
  $gantt-content-color: rgb(0, 0, 0) !default;
8
8
  $holiday-background: $gray-200 !default;
9
- $progress-handler-outline: #fff;
9
+ $progress-handler-outline: $primary-font;
10
10
  $progress-handler-background: #222;
11
11
  $holiday-label-color: $gray-900 !default;
12
12
  $holiday-label-font-size: 13px !default;
13
- $weekend-background: $gray-100 !default;
13
+ $weekend-background: $light !default;
14
14
  $event-marker-line-color: $primary !default;
15
- $event-marker-label-color: $yellow !default;
15
+ $event-marker-label-color: $warning !default;
16
16
  $event-marker-label-font-color: $black !default;
17
17
  $event-marker-label-font-size: 14px !default;
18
18
  $event-marker-label-padding: 4px 12px !default;
@@ -21,9 +21,12 @@ $event-marker-label-arrow-top: 56px !default;
21
21
  $connector-line-color: darken($primary, 15%) !default;
22
22
  $connector-line-hover-color: darken($primary, 15%) !default;
23
23
  $connector-false-line-color: darken($primary, 15%) !default;
24
- $connector-point-hover-color: #333 !default;
25
- $connector-point-border-color: #fff !default;
26
- $connector-point-hover-bg-color: rgba($white, 1) !default;
24
+ $connector-point-hover-color: #0056b3 !default;
25
+ $connector-point-hover-outerline-color: $primary !default;
26
+ $connector-point-border-color: $primary-font !default;
27
+ $critical-connector-line-color: #d13438 !default;
28
+ $critical-connector-line-hover-color: #f3d8da !default;
29
+ $connector-point-hover-bg-color: rgba($primary-font, 1) !default;
27
30
  $connector-point-hover-border-color: darken($primary, 15%) !default;
28
31
  $gantt-connector-point-margin-top: 7.5px !default;
29
32
  $gantt-connector-point-margin-radius: 4px !default;
@@ -35,10 +38,13 @@ $gantt-header-border-spacing: 0 !default;
35
38
  $gantt-line-container-cell-border-color: #e0e0e0 !default;
36
39
  // sass-lint:disable-all
37
40
  $gantt-unscheduled-taskbar-background: linear-gradient(to right, rgba($primary, 0.2), $primary 30%, $primary 70%, $primary 70%, rgba($primary, 0.2) 100%) !default;
38
- $gantt-unscheduled-taskbar-background-color: rgba($primary, 0.2) !default;
41
+ $gantt-unscheduled-critical-taskbar-background: linear-gradient(to right, rgba(285,85,85, 0.2), #D13438 30%, #D13438 70%, #D13438 70%, rgba(285,85,85, 0.2) 100%) !default;
42
+ $gantt-unscheduled-critical-taskbar-background-color: rgba(285,85,85, .2) !default;
43
+ $gantt-critical-child-task-bar: #F3D8DA !default;
44
+ $gantt-critical-child-progress-bar: #D13438 !default;
45
+ $gantt-critical-child-task-bar-border: 1px solid #F3D8DA !default;
39
46
  $gantt-unscheduled-milestone-top-border: $gray-700 !default;
40
47
  $gantt-unscheduled-milestone-bottom-border: $gray-700 !default;
41
- $gantt-resize-gripper: rgba(249, 146, 11, .2) !default;
42
48
  $gantt-child-task-bar: $primary !default;
43
49
  $gantt-child-progress-bar: darken($primary, 15%) !default;
44
50
  $gantt-child-progress-bar-border: 0px !default;
@@ -51,9 +57,10 @@ $gantt-manualchild-progress-bar-border: 0px !default;
51
57
  $gantt-manualparent-background-color: #989A9C;
52
58
  $gantt-unscheduledmanualparent-background-color: linear-gradient(to right, rgba(63, 81, 181, 0.2), #989A9C 30%, #989A9C 70%, #989A9C 70%, rgba(63, 81, 181, 0.2) 100%) !default;
53
59
  $gantt-unscheduled-manualtaskbar-background: linear-gradient(to right, rgba(63,81,181, 0.2), #8553F1 30%, #8553F1 70%, #8553F1 70%, rgba(63,81,181, 0.2) 100%) !default;
54
- $gantt-parent-task-bar: $gray-600 !default;
60
+ $gantt-parent-task-bar: $secondary !default;
55
61
  $gantt-parent-progress-bar: $gray-700 !default;
56
62
  $gantt-milestone-border-color: $gray-700 !default;
63
+ $gantt-critical-milestone-border-color: #D13438 !default;
57
64
  $gantt-parent-milestone-border-color: $gray-700 !default;
58
65
  $gantt-parent-progress-bar-border: 0px !default;
59
66
  $gantt-parent-task-bar-border: 1px solid $gray-700 !default;
@@ -76,21 +83,58 @@ $gantt-dialog-general-height: 241px !default;
76
83
  $gantt-dialog-edit-form-odd-padding: 16px 18px 0 18px !default;
77
84
  $gantt-dialog-edit-form-even-padding: 16px 16px 0 0 !default;
78
85
  $gantt-dialog-edit-form-scroll-padding: 16px 16px 0 0 !default;
79
- $gantt-bigger-dialog-edit-form-odd-padding: 16px 18px 0 18px !default;
80
- $gantt-bigger-dialog-edit-form-even-padding: 16px 18px 0 0 !default;
81
- $gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 0 !default;
86
+ $gantt-bigger-predecessor-dialog-padding: 10px 9px 9px 14px !important;
87
+ $gantt-bigger-tooltip-button-color: $black;
88
+ $gantt-bigger-tooltip-dialog-color: $light;
89
+ $gantt-bigger-tooltip-button-text-color: $light;
90
+ $gantt-bigger-tooltip-disabled-button-color: $gray-500 !important;
91
+ $gantt-bigger-dialog-edit-form-odd-padding: 16px 12px 0 16px !default;
92
+ $gantt-bigger-dialog-edit-form-even-padding: 16px 16px 0 12px !default;
93
+ $gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 9px !default;
94
+ $gantt-bigger-dialog-close-button-left: 1px !important;
95
+ $gantt-bigger-dialog-close-button-size: 14px !important;
96
+ $gantt-bigger-dialog-header-padding: 16px 4px 16px 16px !important;
97
+ $gantt-bigger-add-dialog-content-height: 250px !important;
98
+ $gantt-bigger-event-arrow-color: $warning;
99
+ $gantt-bigger-event-arrow-font-size: 12px !important;
100
+ $gantt-bigger-event-markers-border-radius: 4px !important;
101
+ $gantt-bigger-event-markers-height: 26px !important;
102
+ $gantt-bigger-event-arrow-bottom: 6px solid transparent;
103
+ $gantt-bigger-event-arrow-right: 6px solid transparent;
104
+ $gantt-bigger-event-arrow-top: 6px solid transparent;
105
+ $gantt-bigger-event-arrow-top-value: 73px !important;
106
+ $gantt-bigger-event-markers-top: 65px !important;
107
+ $gantt-bigger-event-markers-padding: 4px 11px 4px 9px !important;
108
+ $gantt-bigger-add-dialog-input-height: 76px !important;
109
+ $gantt-bigger-add-dialog-input-width: 250px !important;
110
+ $gantt-bigger-add-dialog-input-field-width: 175px !default;
111
+ $gantt-bigger-filter-dialog-footer-padding: 16px !important;
112
+ $gantt-bigger-add-dialog-footer-padding: 16px !important;
113
+ $gantt-bigger-filter-dialog-input-padding: 16px 0 0 !important;
114
+ $gantt-bigger-filter-dialog-footer-height: 70px !important;
115
+ $gantt-bigger-add-dialog-footer-height: 70px !important;
116
+ $gantt-bigger-dialog-width: 556px !important;
117
+ $gantt-bigger-filter-dialog-width: 350px !important;
118
+ $gantt-dialog-bigger-input-field: 36px !default;
119
+ $gantt-dialog-bigger-input-padding-field: 32px 16px 16px !important;
120
+ $gantt-bigger-dialog-input-field-height: 34px !important;
121
+ $gantt-bigger-dialog-input-icon: 35px !important;
122
+ $gantt-dialog-bigger-border-radius: 6px !important;
123
+ $gantt-bigger-dialog-tab-padding-left: 5px !important;
124
+ $gantt-bigger-dialog-icon-color: $primary-font !default;
125
+ $gantt-bigger-dialog-border-radius: 6px 6px 0px 0px !default;
82
126
  $gantt-dialog-dependent-height: 161px !default;
83
127
  $gantt-dialog-resource-height: 202px !default;
84
128
  $gantt-dialog-rte-height: 241px !default;
85
129
  $gantt-dialog-rte-content-height: 200px !default;
86
130
  $gantt-dialog-padding-bottom: 20px;
87
- $gantt-dialog-active-tab-background: $white !default;
131
+ $gantt-dialog-active-tab-background: $primary-font !default;
88
132
  $gantt-dialog-tab-padding-left: 12px;
89
133
  $gantt-dialog-tab-background: $primary !default;
90
- $gantt-dialog-header-font-color: $white !default;
91
- $gantt-dialog-icon-color: rgba($white, .75) !default;
134
+ $gantt-dialog-header-font-color: $primary-font !default;
135
+ $gantt-dialog-icon-color: rgba($primary-font, .75) !default;
92
136
  $gantt-dialog-icon-hover-color: transparent !default;
93
- $gantt-dialog-close-icon-hover-color: rgba($white, 1) !default;
137
+ $gantt-dialog-close-icon-hover-color: rgba($primary-font, 1) !default;
94
138
  $gantt-dialog-tab-hover-border-color: $gray-300 !default;
95
139
  $gantt-dialog-tab-header-border-no-color: transparent !default;
96
140
  $gantt-tab-header-border-width: 1px;
@@ -100,7 +144,7 @@ $gantt-richtext-border-bottom: 0px;
100
144
  $gantt-richtext-content-border-bottom: 0px;
101
145
  $gantt-tab-selection-indicator-color: transparent !default;
102
146
  $gantt-tab-header-hover-color: transparent;
103
- $gantt-tab-header-hover-font-color: $white !default;
147
+ $gantt-tab-header-hover-font-color: $primary-font !default;
104
148
  $gantt-connector-point-width: 12px !default;
105
149
  $gantt-connector-point-height: 8px !default;
106
150
  $gantt-connector-left-point-left: -12px !default;
@@ -110,7 +154,7 @@ $gantt-timeline-top-headercell-font-weight: bold !default;
110
154
  $gantt-active-background: rgba($primary, .16) !default;
111
155
  $gantt-active-color: #333 !default;
112
156
  $gantt-active-color-opacity: 1 !default;
113
- $gantt-table-background: #fff !default;
157
+ $gantt-table-background: $primary-font !default;
114
158
  $gantt-baseline-color: $warning !default;
115
159
  $gantt-child-progress-margin-left: 0.5px !default;
116
160
  $gantt-timeline-single-header-outer-div: 45px !default;
@@ -135,7 +179,7 @@ $gantt-inactive-child: #D5D5D5 !default;
135
179
  $gantt-connected-task: lighten($primary, 20%) !default;
136
180
  $gantt-active-parent-task: lighten(#000000, 10%) !default;
137
181
  $gantt-uptail-border: #e0e0e0 !default;
138
- $gantt-gridpopup-span: #000 !default;
182
+ $gantt-gridpopup-span: $black !default;
139
183
  $gantt-active-parent-shadow: rgba($gantt-gridpopup-span, 0.5) !default;
140
184
  $gantt-left-resize-gripper-border: #9e9e9e !default;
141
185
  $gantt-left-resize-gripper-color: #eee !default;
@@ -148,7 +192,7 @@ $gantt-header-font-weight: 500 !default;
148
192
  $gantt-drag-clone-font-weight: $gantt-header-font-weight !default;
149
193
  $gantt-drag-clone-opacity: 1 !default;
150
194
  $gantt-group-clone-text-align: center !default;
151
- $grid-grey-base: #000 !default;
195
+ $grid-grey-base: $black !default;
152
196
  $gantt-clone-prop-box-shadow: 0 6px 12px rgba($grid-grey-base, .175) !default;
153
197
  $gantt-drag-clone-bg-color: $content-bg !default;
154
198
  $gantt-drag-clone-border-color: #ddd !default;
package/styles/gantt/_bootstrap5-definition.scss CHANGED
@@ -3,12 +3,12 @@
3
3
  $gantt-header-bg-color: $content-bg-color !default;
4
4
  $gantt-header-border-color: $border-light !default;
5
5
  $gantt-header-color: $content-text-color !default;
6
- $gantt-context-menu-icon-color: rgb(108, 117, 125) !default;
6
+ $gantt-context-menu-icon-color: $icon-color !default;
7
7
  $gantt-grid-line-color: $border-light !default;
8
8
  $gantt-label-color: $content-text-color-alt2 !default;
9
9
  $gantt-content-color: $content-text-color-alt2 !default;
10
10
  $holiday-background: $content-bg-color-alt1 !default;
11
- $progress-handler-outline: $white !default;
11
+ $progress-handler-outline: $primary-text-color !default;
12
12
  $progress-handler-background: $content-text-color !default;
13
13
  $holiday-label-color: $content-text-color-alt2 !default;
14
14
  $weekend-background: $content-bg-color-alt1 !default;
@@ -18,34 +18,41 @@ $event-marker-label-font-color: $warning-dark !default;
18
18
  $connector-line-color: $primary !default;
19
19
  $connector-line-hover-color: $primary !default;
20
20
  $connector-false-line-color: $primary !default;
21
- $connector-point-hover-color: $icon-color !default;
21
+ $connector-point-hover-color: darken($primary, 10%) !default;
22
22
  $connector-point-border-color: $content-bg-color !default;
23
23
  $connector-point-hover-bg-color: $icon-color-hover !default;
24
+ $connector-point-hover-outerline-color: $primary !default;
24
25
  $connector-point-hover-border-color: $content-bg-color !default;
26
+ $critical-connector-line-color: $danger !default;
27
+ $critical-connector-line-hover-color: $danger-light !default;
25
28
  $gantt-line-container-cell-border-color: $border-light !default;
26
29
  // sass-lint:disable-all
27
30
  $gantt-unscheduled-taskbar-background: linear-gradient(to right, $primary-light, $primary 30%, $primary 70%, $primary 70%, $primary-light 100%) !default;
28
- $gantt-unscheduled-taskbar-background-color: rgba(63,81,181, .2) !default;
31
+ $gantt-unscheduled-critical-taskbar-background: linear-gradient(to right, rgba(285,85,85, 0.2), $danger 30%, $danger 70%, $danger 70%, rgba(285,85,85, 0.2) 100%) !default;
32
+ $gantt-unscheduled-critical-taskbar-background-color: rgba(285,85,85, .2) !default;
29
33
  $gantt-unscheduled-milestone-top-border: $content-bg-color-alt5 !default;
30
34
  $gantt-unscheduled-milestone-bottom-border: $content-bg-color-alt5 !default;
31
- $gantt-resize-gripper: rgba(249, 146, 11, .2) !default;
32
35
  $gantt-child-task-bar: $primary-light !default;
36
+ $gantt-critical-child-task-bar: $danger-light !default;
33
37
  $gantt-child-progress-bar: $primary !default;
34
38
  $gantt-manualchild-task-bar: $success-light !default;
35
39
  $gantt-manualchild-task-bar-border: 1px solid $success;
36
40
  $gantt-manualchild-progress-bar: $success;
37
41
  $gantt-manualparent-background-color: $content-bg-color-alt5;
42
+ $gantt-critical-child-progress-bar: $danger !default;
43
+ $gantt-critical-child-task-bar-border: 1px solid $danger-light !default;
38
44
  $gantt-unscheduledmanualparent-background-color: linear-gradient(to right, rgba(63, 81, 181, 0.2), #989A9C 30%, #989A9C 70%, #989A9C 70%, rgba(63, 81, 181, 0.2) 100%) !default;
39
45
  $gantt-unscheduled-manualtaskbar-background: linear-gradient(to right, $success-light, $success 30%, $success 70%, $success 70%, $success-light 100%) !default;
40
46
  $gantt-parent-task-bar: $content-bg-color-alt4 !default;
41
47
  $gantt-parent-progress-bar: $content-bg-color-alt5 !default;
42
48
  $gantt-milestone-border-color: $content-bg-color-alt5 !default;
49
+ $gantt-critical-milestone-border-color: $danger !default;
43
50
  $gantt-parent-milestone-border-color: $content-bg-color-alt5 !default;
44
51
  $gantt-label-font-color: $content-text-color-alt2 !default;
45
52
  $gantt-task-label-font-color: $primary-text-color !default;
46
53
  $gantt-tab-header-active-font-color: $primary !default;
47
54
  $gantt-tab-header-font-color: $content-text-color-alt2 !default;
48
- $gantt-edit-icon-color: $white !default;
55
+ $gantt-edit-icon-color: $primary-text-color !default;
49
56
  $gantt-icons-color: $icon-color !default;
50
57
  $gantt-cell-border-color: $border !default;
51
58
  $gantt-dialog-active-tab-background: $transparent !default;
@@ -66,9 +73,9 @@ $gantt-baseline-color: $warning !default;
66
73
  $gantt-inactive-parent: $content-bg-color-alt4 !default;
67
74
  $gantt-inactive-child: $primary-light !default;
68
75
  $gantt-connected-task: lighten($primary, 20%) !default;
69
- $gantt-active-parent-task: lighten($black, 10%) !default;
76
+ $gantt-active-parent-task: lighten($warning-text, 10%) !default;
70
77
  $gantt-uptail-border: $border-light !default;
71
- $gantt-gridpopup-span: $black !default;
78
+ $gantt-gridpopup-span: $warning-text !default;
72
79
  $gantt-active-parent-shadow: rgba($gantt-gridpopup-span, 0.5) !default;
73
80
  $gantt-left-resize-gripper-border: $content-bg-color-alt4 !default;
74
81
  $gantt-left-resize-gripper-color: $primary-text-color !default;
@@ -115,9 +122,45 @@ $gantt-dialog-general-height: 241px !default;
115
122
  $gantt-dialog-edit-form-odd-padding: 12px 18px 0 18px !default;
116
123
  $gantt-dialog-edit-form-even-padding: 12px 18px 0 0 !default;
117
124
  $gantt-dialog-edit-form-scroll-padding: 12px 18px 0 0 !default;
118
- $gantt-bigger-dialog-edit-form-odd-padding: 16px 18px 0 18px !default;
119
- $gantt-bigger-dialog-edit-form-even-padding: 16px 18px 0 0 !default;
120
- $gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 0 !default;
125
+ $gantt-bigger-tooltip-button-color: $warning-text;
126
+ $gantt-bigger-tooltip-dialog-color: $content-bg-color;
127
+ $gantt-bigger-tooltip-button-text-color: $white;
128
+ $gantt-bigger-tooltip-disabled-button-color: $content-bg-color-alt5 !important;
129
+ $gantt-bigger-dialog-edit-form-odd-padding: 16px 12px 0 16px !default;
130
+ $gantt-bigger-dialog-edit-form-even-padding: 16px 16px 0 12px !default;
131
+ $gantt-bigger-dialog-close-button-left: 2px !important;
132
+ $gantt-bigger-dialog-close-button-size: 14px !important;
133
+ $gantt-bigger-dialog-header-padding: 16px 4px 16px 16px !important;
134
+ $gantt-bigger-add-dialog-content-height: 250px !important;
135
+ $gantt-bigger-event-arrow-color: $warning-light;
136
+ $gantt-bigger-event-arrow-font-size: 12px !important;
137
+ $gantt-bigger-event-markers-border-radius: 4px !important;
138
+ $gantt-bigger-event-markers-height: 26px !important;
139
+ $gantt-bigger-event-arrow-bottom: 6px solid transparent;
140
+ $gantt-bigger-event-arrow-right: 6px solid transparent;
141
+ $gantt-bigger-event-arrow-top: 6px solid transparent;
142
+ $gantt-bigger-event-arrow-top-value: 73px !important;
143
+ $gantt-bigger-event-markers-top: 65px !important;
144
+ $gantt-bigger-event-markers-padding: 4px 11px 4px 9px !important;
145
+ $gantt-bigger-add-dialog-input-height: 78px !important;
146
+ $gantt-bigger-add-dialog-input-width: 250px !important;
147
+ $gantt-bigger-add-dialog-input-field-width: 175px !default;
148
+ $gantt-bigger-filter-dialog-footer-padding: 16px !important;
149
+ $gantt-bigger-add-dialog-footer-padding: 16px !important;
150
+ $gantt-bigger-filter-dialog-input-padding: 16px 0 0 !important;
151
+ $gantt-bigger-filter-dialog-footer-height: 70px !important;
152
+ $gantt-bigger-add-dialog-footer-height: 70px !important;
153
+ $gantt-bigger-dialog-width: 556px !important;
154
+ $gantt-bigger-filter-dialog-width: 350px !important;
155
+ $gantt-dialog-bigger-input-field: 38px !default;
156
+ $gantt-dialog-bigger-input-padding-field: 32px 16px 16px !important;
157
+ $gantt-bigger-predecessor-dialog-padding: 10px 9px 9px 14px !important;
158
+ $gantt-bigger-dialog-input-field-height: 36px !important;
159
+ $gantt-bigger-dialog-input-icon: 36px !important;
160
+ $gantt-dialog-bigger-border-radius: 6px !important;
161
+ $gantt-bigger-dialog-tab-padding-left: 5px !important;
162
+ $gantt-bigger-dialog-border-radius: 6px 6px 0px 0px !default;
163
+ $gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 9px !default;
121
164
  $gantt-dialog-dependent-height: 161px !default;
122
165
  $gantt-dialog-resource-height: 202px !default;
123
166
  $gantt-dialog-rte-height: 241px !default;
@@ -162,7 +205,7 @@ $gantt-header-font-weight: bold !default;
162
205
  $gantt-drag-clone-font-weight: $gantt-header-font-weight !default;
163
206
  $gantt-drag-clone-opacity: 1 !default;
164
207
  $gantt-group-clone-text-align: center !default;
165
- $gantt-clone-prop-box-shadow: 0 6px 12px rgba($black, .175) !default;
208
+ $gantt-clone-prop-box-shadow: 0 6px 12px rgba($warning-text, .175) !default;
166
209
  $gantt-border-size: 1px !default;
167
210
  $grid-active-container-border: 0 0 0 1px $border inset !default;
168
211
  $gantt-collapse-progress-width: 0px !important;
package/styles/gantt/_fabric-dark-definition.scss CHANGED
@@ -4,7 +4,7 @@ $gantt-header-color: $neutral-light-font !default;
4
4
  $gantt-context-menu-icon-color: $neutral-light-font !default;
5
5
  $gantt-grid-line-color: $neutral-light !default;
6
6
  $gantt-label-color: $neutral-light-font !default;
7
- $gantt-content-color: rgb(0, 0, 0) !default;
7
+ $gantt-content-color: $grey-dark-font !default;
8
8
  $holiday-background: $neutral-lighter !default;
9
9
  $holiday-label-color: $neutral-light-font !default;
10
10
  $holiday-label-font-size: 13px !default;
@@ -17,9 +17,12 @@ $event-marker-label-padding: 7px 12px !default;
17
17
  $event-marker-label-height: 30px !default;
18
18
  $event-marker-label-arrow-top: 60px !default;
19
19
  $connector-line-color: $theme-darker !default;
20
+ $connector-point-hover-outerline-color: #b7e0ff !default;
20
21
  $connector-line-hover-color: $theme-dark !default;
21
22
  $connector-false-line-color: $theme-primary !default;
22
- $connector-point-hover-color: $neutral-secondary !default;
23
+ $connector-point-hover-color: #0d6efd !default;
24
+ $critical-connector-line-color: #d13438 !default;
25
+ $critical-connector-line-hover-color: #f3d8da !default;
23
26
  $connector-point-border-color: $neutral-white !default;
24
27
  $connector-point-hover-bg-color: $neutral-tertiary !default;
25
28
  $connector-point-hover-border-color: $theme-primary !default;
@@ -33,11 +36,14 @@ $gantt-header-border-spacing: 0 !default;
33
36
  $gantt-line-container-cell-border-color: $neutral-light !default;
34
37
  // sass-lint:disable-all
35
38
  $gantt-unscheduled-taskbar-background: linear-gradient(to right, rgba(darken($theme-primary, 10%), 0.2), darken($theme-primary, 10%) 30%, darken($theme-primary, 10%) 70%, darken($theme-primary, 10%) 70%, rgba(darken($theme-primary, 10%), 0.2) 100%) !default;
36
- $gantt-unscheduled-taskbar-background-color: rgba(darken($theme-primary, 10%), .2) !default;
37
- $gantt-unscheduled-milestone-top-border: #dadada !default;
38
- $gantt-unscheduled-milestone-bottom-border: #dadada !default;
39
- $gantt-resize-gripper: rgba(249, 146, 11, .2) !default;
39
+ $gantt-unscheduled-critical-taskbar-background: linear-gradient(to right, rgba(285,85,85, 0.2), #d13438 30%, #d13438 70%, #d13438 70%, rgba(285,85,85, 0.2) 100%) !default;
40
+ $gantt-unscheduled-milestone-top-border: $neutral-secondary !default;
41
+ $gantt-unscheduled-critical-taskbar-background-color: rgba(285,85,85, .2) !default;
42
+ $gantt-unscheduled-milestone-bottom-border: $neutral-secondary !default;
40
43
  $gantt-child-task-bar: $theme-primary !default;
44
+ $gantt-critical-child-task-bar: #f3d8da !default;
45
+ $gantt-critical-child-progress-bar: #d13438 !default;
46
+ $gantt-critical-child-task-bar-border: 1px solid #f3d8da !default;
41
47
  $gantt-child-progress-bar: $theme-dark !default;
42
48
  $gantt-child-task-bar-border: 1px solid $theme-dark !default;
43
49
  $gantt-manualchild-task-bar: #8dd1c4;
@@ -51,7 +57,8 @@ $gantt-child-progress-bar-border: 0px !default;
51
57
  $gantt-child-progress-bar-border-radious:4px;
52
58
  $gantt-parent-task-bar: #029f90 !default;
53
59
  $gantt-parent-progress-bar: #4cc7ba !default;
54
- $gantt-milestone-border-color: #dadada !default;
60
+ $gantt-milestone-border-color: $neutral-secondary !default;
61
+ $gantt-critical-milestone-border-color: #d13438 !default;
55
62
  $gantt-parent-milestone-border-color: #4cc7ba !default;
56
63
  $gantt-parent-task-bar-border: 1px solid #4cc7ba !default;
57
64
  $gantt-parent-progress-bar-border: 0px !default;
@@ -66,16 +73,52 @@ $gantt-bigger-label-font-size: 14px !default;
66
73
  $gantt-label-font-color: $neutral-light-font !default;
67
74
  $gantt-tab-header-active-font-color: $theme-primary-font !default;
68
75
  $gantt-tab-header-font-color: $theme-primary-font !default;
69
- $gantt-edit-icon-color: #fff !default;
70
- $gantt-icons-color: #dadada;
76
+ $gantt-edit-icon-color: $neutral-primary !default;
77
+ $gantt-icons-color: $neutral-secondary;
71
78
  $gantt-unscheduled-taskbar-border: 0px !default;
72
79
  $gantt-unscheduled-taskbar-border-radius: 0px !default;
73
80
  $gantt-dialog-general-height: 241px !default;
74
81
  $gantt-dialog-edit-form-odd-padding: 15px 20px 0 18px !default;
75
82
  $gantt-dialog-edit-form-even-padding: 16px 16px 0 0 !default;
76
83
  $gantt-dialog-edit-form-scroll-padding: 16px 16px 0 0 !default;
77
- $gantt-bigger-dialog-edit-form-odd-padding: 16px 18px 0 18px !default;
78
- $gantt-bigger-dialog-edit-form-even-padding: 16px 18px 0 0 !default;
84
+ $gantt-bigger-predecessor-dialog-padding: 10px 9px 9px 14px !important;
85
+ $gantt-bigger-tooltip-button-color: $grey-dark-font;
86
+ $gantt-bigger-tooltip-dialog-color: $neutral-black;
87
+ $gantt-bigger-tooltip-button-text-color: $neutral-primary;
88
+ $gantt-bigger-tooltip-disabled-button-color: #A6A6A6 !important;
89
+ $gantt-bigger-dialog-edit-form-odd-padding: 16px 12px 0 16px !default;
90
+ $gantt-bigger-dialog-edit-form-even-padding: 16px 16px 0 12px !default;
91
+ $gantt-bigger-dialog-close-button-left: 0 !important;
92
+ $gantt-bigger-dialog-close-button-size: 12px !important;
93
+ $gantt-bigger-dialog-header-padding: 16px 4px 16px 16px !important;
94
+ $gantt-bigger-add-dialog-content-height: 242px !important;
95
+ $gantt-bigger-event-arrow-color: $info-font;
96
+ $gantt-bigger-event-arrow-font-size: 12px !important;
97
+ $gantt-bigger-event-markers-border-radius: 4px !important;
98
+ $gantt-bigger-event-markers-height: 26px !important;
99
+ $gantt-bigger-event-arrow-bottom: 6px solid transparent;
100
+ $gantt-bigger-event-arrow-right: 6px solid transparent;
101
+ $gantt-bigger-event-arrow-top: 6px solid transparent;
102
+ $gantt-bigger-event-arrow-top-value: 73px !important;
103
+ $gantt-bigger-event-markers-top: 65px !important;
104
+ $gantt-bigger-event-markers-padding: 4px 11px 4px 9px !important;
105
+ $gantt-bigger-add-dialog-input-height: 76px !important;
106
+ $gantt-bigger-add-dialog-input-width: 250px !important;
107
+ $gantt-bigger-add-dialog-input-field-width: 175px !default;
108
+ $gantt-bigger-filter-dialog-footer-padding: 16px !important;
109
+ $gantt-bigger-add-dialog-footer-padding: 16px !important;
110
+ $gantt-bigger-filter-dialog-input-padding: 16px 0 0 !important;
111
+ $gantt-bigger-filter-dialog-footer-height: 70px !important;
112
+ $gantt-bigger-add-dialog-footer-height: 70px !important;
113
+ $gantt-bigger-dialog-width: 556px !important;
114
+ $gantt-bigger-filter-dialog-width: 350px !important;
115
+ $gantt-dialog-bigger-input-field: 36px !default;
116
+ $gantt-dialog-bigger-input-padding-field: 32px 16px 16px !important;
117
+ $gantt-bigger-dialog-input-field-height: 34px !important;
118
+ $gantt-bigger-dialog-input-icon: 35px !important;
119
+ $gantt-dialog-bigger-border-radius: 6px !important;
120
+ $gantt-bigger-dialog-tab-padding-left: 5px !important;
121
+ $gantt-bigger-dialog-border-radius: 6px 6px 0px 0px !default;
79
122
  $gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 0 !default;
80
123
  $gantt-dialog-dependent-height: 161px !default;
81
124
  $gantt-dialog-resource-height: 202px !default;
@@ -88,7 +131,7 @@ $gantt-dialog-tab-background: $theme-primary !default;
88
131
  $gantt-dialog-header-font-color: $theme-primary-font !default;
89
132
  $gantt-dialog-icon-color: $theme-primary-font !default;
90
133
  $gantt-dialog-icon-hover-color: #eaeaea !default;
91
- $gantt-dialog-close-icon-hover-color: #0074cc !default;
134
+ $gantt-dialog-close-icon-hover-color: $theme-primary !default;
92
135
  $gantt-dialog-tab-hover-border-color: transparent !default;
93
136
  $gantt-dialog-tab-header-border-no-color: transparent !default;
94
137
  $gantt-tab-header-border-width: 0px;
@@ -105,7 +148,7 @@ $gantt-connector-left-point-left: -12px !default;
105
148
  $gantt-parent-progress-bar-border-radius: 0px !default;
106
149
  $gantt-timeline-top-headercell-font-size: 14px !default;
107
150
  $gantt-timeline-top-headercell-font-weight: 400 !default;
108
- $gantt-active-background: #514f4f !default;
151
+ $gantt-active-background: $neutral-quintenary!default;
109
152
  $gantt-active-color: $neutral-primary !default;
110
153
  $gantt-active-color-opacity: 1 !default;
111
154
  $gantt-table-background: $neutral-white !default;
@@ -113,7 +156,7 @@ $gantt-baseline-color: #ff9800 !default;
113
156
  $gantt-child-progress-margin-left: 0.5px !default;
114
157
  $gantt-timeline-single-header-outer-div: 45px !default;
115
158
  $progress-handler-background: #222 !default;
116
- $progress-handler-outline: #fff !default;
159
+ $progress-handler-outline: $neutral-primary !default;
117
160
  $gantt-chart-timeline-single-header-outer-div: 46px !default;
118
161
  $gantt-timeline-top-header-cell-height: 32px !default;
119
162
  $gantt-bigger-timeline-top-header-cell-height: 32px !default;
@@ -135,7 +178,7 @@ $gantt-inactive-child: #D5D5D5 !default;
135
178
  $gantt-connected-task: lighten($theme-primary, 20%) !default;
136
179
  $gantt-active-parent-task: lighten(#000000, 10%) !default;
137
180
  $gantt-uptail-border: #e0e0e0 !default;
138
- $gantt-gridpopup-span: #000 !default;
181
+ $gantt-gridpopup-span: $theme-light-font !default;
139
182
  $gantt-active-parent-shadow: rgba($gantt-gridpopup-span, 0.5) !default;
140
183
  $gantt-left-resize-gripper-border: #9e9e9e !default;
141
184
  $gantt-left-resize-gripper-color: #eee !default;
package/styles/gantt/_fabric-definition.scss CHANGED
@@ -2,15 +2,16 @@ $gantt-header-bg-color: $neutral-white !default;
2
2
  $gantt-header-border-color: $neutral-light !default;
3
3
  $gantt-header-color: $neutral-secondary !default;
4
4
  $gantt-context-menu-icon-color: $neutral-secondary !default;
5
- $gantt-grid-line-color: #e0e0e0 !default;
5
+ $gantt-grid-line-color: $neutral-light !default;
6
6
  $gantt-label-color: $neutral-light-font !default;
7
- $gantt-content-color: rgb(0, 0, 0) !default;
7
+ $gantt-content-color: $neutral-black !default;
8
8
  $holiday-background: $neutral-lighter !default;
9
9
  $holiday-label-color: $neutral-light-font !default;
10
10
  $holiday-label-font-size: 13px !default;
11
11
  $weekend-background: $neutral-lighter-alt !default;
12
12
  $event-marker-line-color: $theme-primary !default;
13
13
  $event-marker-label-color: #cae8ff !default;
14
+ $connector-point-hover-outerline-color: #b7e0ff !default;
14
15
  $event-marker-label-font-color: #005a9e !default;
15
16
  $event-marker-label-font-size: 12px !default;
16
17
  $event-marker-label-padding: 7px 12px !default;
@@ -19,8 +20,10 @@ $event-marker-label-arrow-top: 60px !default;
19
20
  $connector-line-color: $theme-darker !default;
20
21
  $connector-line-hover-color: $theme-dark !default;
21
22
  $connector-false-line-color: $theme-primary !default;
22
- $connector-point-hover-color: $neutral-secondary !default;
23
- $connector-point-border-color: #fff !default;
23
+ $connector-point-hover-color: #0d6efd !default;
24
+ $critical-connector-line-color: #d13438 !default;
25
+ $critical-connector-line-hover-color: #f3d8da !default;
26
+ $connector-point-border-color: $neutral-white !default;
24
27
  $connector-point-hover-bg-color: $neutral-white !default;
25
28
  $connector-point-hover-border-color: $theme-darker !default;
26
29
  $gantt-connector-point-margin-top: 7.5px !default;
@@ -33,10 +36,13 @@ $gantt-header-border-spacing: 0 !default;
33
36
  $gantt-line-container-cell-border-color: #e0e0e0 !default;
34
37
  // sass-lint:disable-all
35
38
  $gantt-unscheduled-taskbar-background: linear-gradient(to right, rgba(darken($theme-primary, 10%), 0.2), darken($theme-primary, 10%) 30%, darken($theme-primary, 10%) 70%, darken($theme-primary, 10%) 70%, rgba(darken($theme-primary, 10%), 0.2) 100%) !default;
36
- $gantt-unscheduled-taskbar-background-color: rgba(darken($theme-primary, 10%), .2) !default;
39
+ $gantt-unscheduled-critical-taskbar-background: linear-gradient(to right, rgba(285,85,85, 0.2), #d13438 30%, #d13438 70%, #d13438 70%, rgba(285,85,85, 0.2) 100%) !default;
40
+ $gantt-unscheduled-critical-taskbar-background-color: rgba(285,85,85, .2) !default;
41
+ $gantt-critical-child-task-bar: #f3d8da !default;
42
+ $gantt-critical-child-progress-bar: #d13438 !default;
43
+ $gantt-critical-child-task-bar-border: 1px solid #f3d8da !default;
37
44
  $gantt-unscheduled-milestone-top-border: rgba(51, 51, 51, .6) !default;
38
45
  $gantt-unscheduled-milestone-bottom-border: rgba(51, 51, 51, .6) !default;
39
- $gantt-resize-gripper: rgba(249, 146, 11, .2) !default;
40
46
  $gantt-child-task-bar: $theme-primary !default;
41
47
  $gantt-child-progress-bar: $theme-dark !default;
42
48
  $gantt-child-task-bar-border: 1px solid $theme-dark !default;
@@ -52,6 +58,7 @@ $gantt-child-progress-bar-border-radious:4px;
52
58
  $gantt-parent-task-bar: $neutral-secondary-alt !default;
53
59
  $gantt-parent-progress-bar: darken($neutral-secondary-alt, 15%) !default;
54
60
  $gantt-milestone-border-color: darken($neutral-secondary-alt, 15%) !default;
61
+ $gantt-critical-milestone-border-color: #D13438 !default;
55
62
  $gantt-parent-milestone-border-color: darken($neutral-secondary-alt, 15%) !default;
56
63
  $gantt-parent-task-bar-border: 1px solid darken($neutral-secondary-alt, 15%) !default;
57
64
  $gantt-parent-progress-bar-border: 0px !default;
@@ -74,9 +81,45 @@ $gantt-dialog-general-height: 241px !default;
74
81
  $gantt-dialog-edit-form-odd-padding: 15px 20px 0 18px !default;
75
82
  $gantt-dialog-edit-form-even-padding: 16px 16px 0 0 !default;
76
83
  $gantt-dialog-edit-form-scroll-padding: 16px 16px 0 0 !default;
77
- $gantt-bigger-dialog-edit-form-odd-padding: 16px 18px 0 18px !default;
78
- $gantt-bigger-dialog-edit-form-even-padding: 16px 18px 0 0 !default;
79
- $gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 0 !default;
84
+ $gantt-bigger-predecessor-dialog-padding: 10px 9px 9px 14px !important;
85
+ $gantt-bigger-tooltip-button-color: $neutral-black;
86
+ $gantt-bigger-tooltip-dialog-color: $neutral-lighter-alt;
87
+ $gantt-bigger-tooltip-button-text-color: $neutral-white;
88
+ $gantt-bigger-tooltip-disabled-button-color: $neutral-tertiary !important;
89
+ $gantt-bigger-dialog-edit-form-odd-padding: 16px 12px 0 16px !default;
90
+ $gantt-bigger-dialog-edit-form-even-padding: 16px 16px 0 12px !default;
91
+ $gantt-bigger-dialog-close-button-left: 0 !important;
92
+ $gantt-bigger-dialog-close-button-size: 12px !important;
93
+ $gantt-bigger-dialog-header-padding: 16px 4px 16px 16px !important;
94
+ $gantt-bigger-add-dialog-content-height: 242px !important;
95
+ $gantt-bigger-event-arrow-color: $alert-bg;
96
+ $gantt-bigger-event-arrow-font-size: 12px !important;
97
+ $gantt-bigger-event-markers-border-radius: 4px !important;
98
+ $gantt-bigger-event-markers-height: 26px !important;
99
+ $gantt-bigger-event-arrow-bottom: 6px solid transparent;
100
+ $gantt-bigger-event-arrow-right: 6px solid transparent;
101
+ $gantt-bigger-event-arrow-top: 6px solid transparent;
102
+ $gantt-bigger-event-arrow-top-value: 73px !important;
103
+ $gantt-bigger-event-markers-top: 65px !important;
104
+ $gantt-bigger-event-markers-padding: 4px 11px 4px 9px !important;
105
+ $gantt-bigger-add-dialog-input-height: 76px !important;
106
+ $gantt-bigger-add-dialog-input-width: 250px !important;
107
+ $gantt-bigger-add-dialog-input-field-width: 175px !default;
108
+ $gantt-bigger-filter-dialog-footer-padding: 16px !important;
109
+ $gantt-bigger-add-dialog-footer-padding: 16px !important;
110
+ $gantt-bigger-filter-dialog-input-padding: 16px 0 0 !important;
111
+ $gantt-bigger-filter-dialog-footer-height: 70px !important;
112
+ $gantt-bigger-add-dialog-footer-height: 70px !important;
113
+ $gantt-bigger-dialog-width: 556px !important;
114
+ $gantt-bigger-filter-dialog-width: 350px !important;
115
+ $gantt-dialog-bigger-input-field: 36px !default;
116
+ $gantt-dialog-bigger-input-padding-field: 32px 16px 16px !important;
117
+ $gantt-bigger-dialog-input-field-height: 34px !important;
118
+ $gantt-bigger-dialog-input-icon: 35px !important;
119
+ $gantt-dialog-bigger-border-radius: 6px !important;
120
+ $gantt-bigger-dialog-tab-padding-left: 5px !important;
121
+ $gantt-bigger-dialog-border-radius: 6px 6px 0px 0px !default;
122
+ $gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 9px !default;
80
123
  $gantt-dialog-dependent-height: 161px !default;
81
124
  $gantt-dialog-resource-height: 202px !default;
82
125
  $gantt-dialog-rte-height: 241px !default;
@@ -87,8 +130,8 @@ $gantt-dialog-tab-padding-left: 13px !default;
87
130
  $gantt-dialog-tab-background: $theme-primary !default;
88
131
  $gantt-dialog-header-font-color: $theme-primary-font !default;
89
132
  $gantt-dialog-icon-color: $theme-primary-font !default;
90
- $gantt-dialog-icon-hover-color: #eaeaea !default;
91
- $gantt-dialog-close-icon-hover-color: #0078d6 !default;
133
+ $gantt-dialog-icon-hover-color: $neutral-light !default;
134
+ $gantt-dialog-close-icon-hover-color: $theme-primary !default;
92
135
  $gantt-dialog-tab-hover-border-color: transparent !default;
93
136
  $gantt-dialog-tab-header-border-no-color: transparent !default;
94
137
  $gantt-tab-header-border-width: 0px;
@@ -108,12 +151,12 @@ $gantt-timeline-top-headercell-font-weight: 400 !default;
108
151
  $gantt-active-background: rgb(209, 235, 255)!default;
109
152
  $gantt-active-color: $neutral-primary !default;
110
153
  $gantt-active-color-opacity: 1 !default;
111
- $gantt-table-background: #fff !default;
112
- $gantt-baseline-color: #D83B01 !default;
154
+ $gantt-table-background: $neutral-white !default;
155
+ $gantt-baseline-color: $alert-font !default;
113
156
  $gantt-child-progress-margin-left: 0.5px !default;
114
157
  $gantt-timeline-single-header-outer-div: 45px !default;
115
158
  $progress-handler-background: #222 !default;
116
- $progress-handler-outline: #fff !default;
159
+ $progress-handler-outline: $neutral-white !default;
117
160
  $gantt-chart-timeline-single-header-outer-div: 46px !default;
118
161
  $gantt-timeline-top-header-cell-height: 32px !default;
119
162
  $gantt-bigger-timeline-top-header-cell-height: 32px !default;
@@ -135,7 +178,7 @@ $gantt-inactive-child: #D5D5D5 !default;
135
178
  $gantt-connected-task: lighten($theme-primary, 20%) !default;
136
179
  $gantt-active-parent-task: lighten(#000000, 10%) !default;
137
180
  $gantt-uptail-border: #e0e0e0 !default;
138
- $gantt-gridpopup-span: #000 !default;
181
+ $gantt-gridpopup-span: $neutral-black !default;
139
182
  $gantt-active-parent-shadow: rgba($gantt-gridpopup-span, 0.5) !default;
140
183
  $gantt-left-resize-gripper-border: #9e9e9e !default;
141
184
  $gantt-left-resize-gripper-color: #eee !default;