@syncfusion/ej2-gantt 20.1.56 → 20.1.60

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 (76) hide show
  1. package/CHANGELOG.md +30 -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 +31 -18
  5. package/dist/es6/ej2-gantt.es2015.js.map +1 -1
  6. package/dist/es6/ej2-gantt.es5.js +31 -18
  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 +15 -15
  12. package/src/gantt/actions/dialog-edit.js +1 -1
  13. package/src/gantt/actions/edit.js +5 -1
  14. package/src/gantt/actions/taskbar-edit.js +1 -3
  15. package/src/gantt/actions/toolbar.js +2 -0
  16. package/src/gantt/base/gantt-chart.js +6 -1
  17. package/src/gantt/base/gantt.js +2 -5
  18. package/src/gantt/base/task-processor.js +7 -3
  19. package/src/gantt/export/export-helper.js +3 -3
  20. package/src/gantt/renderer/connector-line.js +1 -1
  21. package/src/gantt/renderer/timeline.js +3 -0
  22. package/styles/bootstrap-dark.css +217 -11
  23. package/styles/bootstrap.css +218 -13
  24. package/styles/bootstrap4.css +220 -11
  25. package/styles/bootstrap5-dark.css +218 -13
  26. package/styles/bootstrap5.css +218 -13
  27. package/styles/fabric-dark.css +216 -10
  28. package/styles/fabric.css +217 -11
  29. package/styles/fluent-dark.css +217 -11
  30. package/styles/fluent.css +217 -11
  31. package/styles/gantt/_bootstrap-dark-definition.scss +41 -4
  32. package/styles/gantt/_bootstrap-definition.scss +41 -4
  33. package/styles/gantt/_bootstrap4-definition.scss +42 -4
  34. package/styles/gantt/_bootstrap5-definition.scss +41 -4
  35. package/styles/gantt/_fabric-dark-definition.scss +40 -3
  36. package/styles/gantt/_fabric-definition.scss +41 -4
  37. package/styles/gantt/_fluent-definition.scss +41 -4
  38. package/styles/gantt/_highcontrast-definition.scss +41 -4
  39. package/styles/gantt/_highcontrast-light-definition.scss +41 -4
  40. package/styles/gantt/_layout.scss +298 -7
  41. package/styles/gantt/_material-dark-definition.scss +42 -4
  42. package/styles/gantt/_material-definition.scss +42 -4
  43. package/styles/gantt/_tailwind-definition.scss +42 -4
  44. package/styles/gantt/bootstrap-dark.css +217 -11
  45. package/styles/gantt/bootstrap.css +218 -13
  46. package/styles/gantt/bootstrap4.css +220 -11
  47. package/styles/gantt/bootstrap5-dark.css +218 -13
  48. package/styles/gantt/bootstrap5.css +218 -13
  49. package/styles/gantt/fabric-dark.css +216 -10
  50. package/styles/gantt/fabric.css +217 -11
  51. package/styles/gantt/fluent-dark.css +217 -11
  52. package/styles/gantt/fluent.css +217 -11
  53. package/styles/gantt/highcontrast-light.css +209 -11
  54. package/styles/gantt/highcontrast.css +217 -11
  55. package/styles/gantt/icons/_bootstrap-dark.scss +8 -0
  56. package/styles/gantt/icons/_bootstrap.scss +8 -0
  57. package/styles/gantt/icons/_bootstrap4.scss +8 -0
  58. package/styles/gantt/icons/_bootstrap5.scss +8 -0
  59. package/styles/gantt/icons/_fabric-dark.scss +8 -0
  60. package/styles/gantt/icons/_fabric.scss +8 -0
  61. package/styles/gantt/icons/_fluent.scss +8 -0
  62. package/styles/gantt/icons/_highcontrast.scss +8 -0
  63. package/styles/gantt/icons/_material-dark.scss +8 -0
  64. package/styles/gantt/icons/_material.scss +8 -0
  65. package/styles/gantt/icons/_tailwind-dark.scss +8 -0
  66. package/styles/gantt/icons/_tailwind.scss +8 -0
  67. package/styles/gantt/material-dark.css +224 -11
  68. package/styles/gantt/material.css +224 -11
  69. package/styles/gantt/tailwind-dark.css +223 -11
  70. package/styles/gantt/tailwind.css +223 -11
  71. package/styles/highcontrast-light.css +209 -11
  72. package/styles/highcontrast.css +217 -11
  73. package/styles/material-dark.css +224 -11
  74. package/styles/material.css +224 -11
  75. package/styles/tailwind-dark.css +223 -11
  76. package/styles/tailwind.css +223 -11
package/styles/gantt/_bootstrap-definition.scss CHANGED
@@ -7,6 +7,7 @@ $gantt-label-color: rgba($grey-light-font, .87) !default;
7
7
  $gantt-content-color: rgba($grey-light-font, .87) !default;
8
8
  $holiday-background: $grey-lighter !default;
9
9
  $progress-handler-outline: #fff !default;
10
+ $connector-point-hover-outerline-color: #75acdb !default;
10
11
  $progress-handler-background: #222 !default;
11
12
  $holiday-label-color: $grey-light-font !default;
12
13
  $holiday-label-font-size: 13px !default;
@@ -21,7 +22,7 @@ $event-marker-label-arrow-top: 60px !default;
21
22
  $connector-line-color: darken($brand-primary, 15%) !default;
22
23
  $connector-line-hover-color: darken($brand-primary, 15%) !default;
23
24
  $connector-false-line-color: darken($brand-primary, 15%) !default;
24
- $connector-point-hover-color: $grey-light !default;
25
+ $connector-point-hover-color: #21527d !default;
25
26
  $connector-point-border-color: #fff !default;
26
27
  $connector-point-hover-bg-color: $grey-d4 !default;
27
28
  $connector-point-hover-border-color: darken($brand-primary, 15%) !default;
@@ -78,9 +79,45 @@ $gantt-dialog-general-height: 241px !default;
78
79
  $gantt-dialog-edit-form-odd-padding: 16px 18px 0 18px !default;
79
80
  $gantt-dialog-edit-form-even-padding: 16px 16px 0 0 !default;
80
81
  $gantt-dialog-edit-form-scroll-padding: 16px 16px 0 0 !default;
81
- $gantt-bigger-dialog-edit-form-odd-padding: 16px 18px 0 18px !default;
82
- $gantt-bigger-dialog-edit-form-even-padding: 16px 18px 0 0 !default;
83
- $gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 0 !default;
82
+ $gantt-bigger-predecessor-dialog-padding: 10px 9px 9px 14px !important;
83
+ $gantt-bigger-tooltip-button-color: #000000;
84
+ $gantt-bigger-tooltip-dialog-color: #f5f5f5;
85
+ $gantt-bigger-tooltip-button-text-color: #F9FAFB;
86
+ $gantt-bigger-tooltip-disabled-button-color: #ADADAD !important;
87
+ $gantt-bigger-dialog-edit-form-odd-padding: 16px 12px 0 16px !default;
88
+ $gantt-bigger-dialog-edit-form-even-padding: 16px 16px 0 12px !default;
89
+ $gantt-bigger-dialog-close-button-left: 0 !important;
90
+ $gantt-bigger-dialog-close-button-size: 12px !important;
91
+ $gantt-bigger-dialog-header-padding: 16px 4px 16px 16px !important;
92
+ $gantt-bigger-add-dialog-content-height: 242px !important;
93
+ $gantt-bigger-event-arrow-color: #8a6d3b;
94
+ $gantt-bigger-event-arrow-font-size: 12px !important;
95
+ $gantt-bigger-event-markers-border-radius: 4px !important;
96
+ $gantt-bigger-event-markers-height: 26px !important;
97
+ $gantt-bigger-event-arrow-bottom: 6px solid transparent;
98
+ $gantt-bigger-event-arrow-right: 6px solid transparent;
99
+ $gantt-bigger-event-arrow-top: 6px solid transparent;
100
+ $gantt-bigger-event-arrow-top-value: 73px !important;
101
+ $gantt-bigger-event-markers-top: 65px !important;
102
+ $gantt-bigger-event-markers-padding: 4px 11px 4px 9px !important;
103
+ $gantt-bigger-add-dialog-input-height: 76px !important;
104
+ $gantt-bigger-add-dialog-input-width: 250px !important;
105
+ $gantt-bigger-add-dialog-input-field-width: 175px !default;
106
+ $gantt-bigger-filter-dialog-footer-padding: 16px !important;
107
+ $gantt-bigger-add-dialog-footer-padding: 16px !important;
108
+ $gantt-bigger-filter-dialog-input-padding: 16px 0 0 !important;
109
+ $gantt-bigger-filter-dialog-footer-height: 70px !important;
110
+ $gantt-bigger-add-dialog-footer-height: 70px !important;
111
+ $gantt-bigger-dialog-width: 556px !important;
112
+ $gantt-bigger-filter-dialog-width: 350px !important;
113
+ $gantt-dialog-bigger-input-field: 36px !default;
114
+ $gantt-dialog-bigger-input-padding-field: 32px 16px 16px !important;
115
+ $gantt-bigger-dialog-input-field-height: 34px !important;
116
+ $gantt-bigger-dialog-input-icon: 35px !important;
117
+ $gantt-dialog-bigger-border-radius: 6px !important;
118
+ $gantt-bigger-dialog-tab-padding-left: 5px !important;
119
+ $gantt-bigger-dialog-border-radius: 6px 6px 0px 0px !default;
120
+ $gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 9px !default;
84
121
  $gantt-dialog-dependent-height: 161px !default;
85
122
  $gantt-dialog-resource-height: 202px !default;
86
123
  $gantt-dialog-rte-height: 241px !default;
package/styles/gantt/_bootstrap4-definition.scss CHANGED
@@ -21,7 +21,8 @@ $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;
24
+ $connector-point-hover-color: #0056b3 !default;
25
+ $connector-point-hover-outerline-color: #007bff !default;
25
26
  $connector-point-border-color: #fff !default;
26
27
  $connector-point-hover-bg-color: rgba($white, 1) !default;
27
28
  $connector-point-hover-border-color: darken($primary, 15%) !default;
@@ -76,9 +77,46 @@ $gantt-dialog-general-height: 241px !default;
76
77
  $gantt-dialog-edit-form-odd-padding: 16px 18px 0 18px !default;
77
78
  $gantt-dialog-edit-form-even-padding: 16px 16px 0 0 !default;
78
79
  $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;
80
+ $gantt-bigger-predecessor-dialog-padding: 10px 9px 9px 14px !important;
81
+ $gantt-bigger-tooltip-button-color: #000000;
82
+ $gantt-bigger-tooltip-dialog-color: #f8f8fa;
83
+ $gantt-bigger-tooltip-button-text-color: #F9FAFB;
84
+ $gantt-bigger-tooltip-disabled-button-color: #ADB5BD !important;
85
+ $gantt-bigger-dialog-edit-form-odd-padding: 16px 12px 0 16px !default;
86
+ $gantt-bigger-dialog-edit-form-even-padding: 16px 16px 0 12px !default;
87
+ $gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 9px !default;
88
+ $gantt-bigger-dialog-close-button-left: 1px !important;
89
+ $gantt-bigger-dialog-close-button-size: 14px !important;
90
+ $gantt-bigger-dialog-header-padding: 16px 4px 16px 16px !important;
91
+ $gantt-bigger-add-dialog-content-height: 250px !important;
92
+ $gantt-bigger-event-arrow-color: #ffc107;
93
+ $gantt-bigger-event-arrow-font-size: 12px !important;
94
+ $gantt-bigger-event-markers-border-radius: 4px !important;
95
+ $gantt-bigger-event-markers-height: 26px !important;
96
+ $gantt-bigger-event-arrow-bottom: 6px solid transparent;
97
+ $gantt-bigger-event-arrow-right: 6px solid transparent;
98
+ $gantt-bigger-event-arrow-top: 6px solid transparent;
99
+ $gantt-bigger-event-arrow-top-value: 73px !important;
100
+ $gantt-bigger-event-markers-top: 65px !important;
101
+ $gantt-bigger-event-markers-padding: 4px 11px 4px 9px !important;
102
+ $gantt-bigger-add-dialog-input-height: 76px !important;
103
+ $gantt-bigger-add-dialog-input-width: 250px !important;
104
+ $gantt-bigger-add-dialog-input-field-width: 175px !default;
105
+ $gantt-bigger-filter-dialog-footer-padding: 16px !important;
106
+ $gantt-bigger-add-dialog-footer-padding: 16px !important;
107
+ $gantt-bigger-filter-dialog-input-padding: 16px 0 0 !important;
108
+ $gantt-bigger-filter-dialog-footer-height: 70px !important;
109
+ $gantt-bigger-add-dialog-footer-height: 70px !important;
110
+ $gantt-bigger-dialog-width: 556px !important;
111
+ $gantt-bigger-filter-dialog-width: 350px !important;
112
+ $gantt-dialog-bigger-input-field: 36px !default;
113
+ $gantt-dialog-bigger-input-padding-field: 32px 16px 16px !important;
114
+ $gantt-bigger-dialog-input-field-height: 34px !important;
115
+ $gantt-bigger-dialog-input-icon: 35px !important;
116
+ $gantt-dialog-bigger-border-radius: 6px !important;
117
+ $gantt-bigger-dialog-tab-padding-left: 5px !important;
118
+ $gantt-bigger-dialog-icon-color: #FFFFFF !default;
119
+ $gantt-bigger-dialog-border-radius: 6px 6px 0px 0px !default;
82
120
  $gantt-dialog-dependent-height: 161px !default;
83
121
  $gantt-dialog-resource-height: 202px !default;
84
122
  $gantt-dialog-rte-height: 241px !default;
package/styles/gantt/_bootstrap5-definition.scss CHANGED
@@ -18,9 +18,10 @@ $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: #0d6efd !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: #79a7f7 !default;
24
25
  $connector-point-hover-border-color: $content-bg-color !default;
25
26
  $gantt-line-container-cell-border-color: $border-light !default;
26
27
  // sass-lint:disable-all
@@ -115,9 +116,45 @@ $gantt-dialog-general-height: 241px !default;
115
116
  $gantt-dialog-edit-form-odd-padding: 12px 18px 0 18px !default;
116
117
  $gantt-dialog-edit-form-even-padding: 12px 18px 0 0 !default;
117
118
  $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;
119
+ $gantt-bigger-tooltip-button-color: #000000;
120
+ $gantt-bigger-tooltip-dialog-color: #f8f8fa;
121
+ $gantt-bigger-tooltip-button-text-color: $white;
122
+ $gantt-bigger-tooltip-disabled-button-color: #ADB5BD !important;
123
+ $gantt-bigger-dialog-edit-form-odd-padding: 16px 12px 0 16px !default;
124
+ $gantt-bigger-dialog-edit-form-even-padding: 16px 16px 0 12px !default;
125
+ $gantt-bigger-dialog-close-button-left: 2px !important;
126
+ $gantt-bigger-dialog-close-button-size: 14px !important;
127
+ $gantt-bigger-dialog-header-padding: 16px 4px 16px 16px !important;
128
+ $gantt-bigger-add-dialog-content-height: 250px !important;
129
+ $gantt-bigger-event-arrow-color: #fff3cd;
130
+ $gantt-bigger-event-arrow-font-size: 12px !important;
131
+ $gantt-bigger-event-markers-border-radius: 4px !important;
132
+ $gantt-bigger-event-markers-height: 26px !important;
133
+ $gantt-bigger-event-arrow-bottom: 6px solid transparent;
134
+ $gantt-bigger-event-arrow-right: 6px solid transparent;
135
+ $gantt-bigger-event-arrow-top: 6px solid transparent;
136
+ $gantt-bigger-event-arrow-top-value: 73px !important;
137
+ $gantt-bigger-event-markers-top: 65px !important;
138
+ $gantt-bigger-event-markers-padding: 4px 11px 4px 9px !important;
139
+ $gantt-bigger-add-dialog-input-height: 78px !important;
140
+ $gantt-bigger-add-dialog-input-width: 250px !important;
141
+ $gantt-bigger-add-dialog-input-field-width: 175px !default;
142
+ $gantt-bigger-filter-dialog-footer-padding: 16px !important;
143
+ $gantt-bigger-add-dialog-footer-padding: 16px !important;
144
+ $gantt-bigger-filter-dialog-input-padding: 16px 0 0 !important;
145
+ $gantt-bigger-filter-dialog-footer-height: 70px !important;
146
+ $gantt-bigger-add-dialog-footer-height: 70px !important;
147
+ $gantt-bigger-dialog-width: 556px !important;
148
+ $gantt-bigger-filter-dialog-width: 350px !important;
149
+ $gantt-dialog-bigger-input-field: 38px !default;
150
+ $gantt-dialog-bigger-input-padding-field: 32px 16px 16px !important;
151
+ $gantt-bigger-predecessor-dialog-padding: 10px 9px 9px 14px !important;
152
+ $gantt-bigger-dialog-input-field-height: 36px !important;
153
+ $gantt-bigger-dialog-input-icon: 36px !important;
154
+ $gantt-dialog-bigger-border-radius: 6px !important;
155
+ $gantt-bigger-dialog-tab-padding-left: 5px !important;
156
+ $gantt-bigger-dialog-border-radius: 6px 6px 0px 0px !default;
157
+ $gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 9px !default;
121
158
  $gantt-dialog-dependent-height: 161px !default;
122
159
  $gantt-dialog-resource-height: 202px !default;
123
160
  $gantt-dialog-rte-height: 241px !default;
package/styles/gantt/_fabric-dark-definition.scss CHANGED
@@ -17,9 +17,10 @@ $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;
23
24
  $connector-point-border-color: $neutral-white !default;
24
25
  $connector-point-hover-bg-color: $neutral-tertiary !default;
25
26
  $connector-point-hover-border-color: $theme-primary !default;
@@ -74,8 +75,44 @@ $gantt-dialog-general-height: 241px !default;
74
75
  $gantt-dialog-edit-form-odd-padding: 15px 20px 0 18px !default;
75
76
  $gantt-dialog-edit-form-even-padding: 16px 16px 0 0 !default;
76
77
  $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;
78
+ $gantt-bigger-predecessor-dialog-padding: 10px 9px 9px 14px !important;
79
+ $gantt-bigger-tooltip-button-color: #000000;
80
+ $gantt-bigger-tooltip-dialog-color: #f8f8f8;
81
+ $gantt-bigger-tooltip-button-text-color: #F9FAFB;
82
+ $gantt-bigger-tooltip-disabled-button-color: #A6A6A6 !important;
83
+ $gantt-bigger-dialog-edit-form-odd-padding: 16px 12px 0 16px !default;
84
+ $gantt-bigger-dialog-edit-form-even-padding: 16px 16px 0 12px !default;
85
+ $gantt-bigger-dialog-close-button-left: 0 !important;
86
+ $gantt-bigger-dialog-close-button-size: 12px !important;
87
+ $gantt-bigger-dialog-header-padding: 16px 4px 16px 16px !important;
88
+ $gantt-bigger-add-dialog-content-height: 242px !important;
89
+ $gantt-bigger-event-arrow-color: #cae8ff;
90
+ $gantt-bigger-event-arrow-font-size: 12px !important;
91
+ $gantt-bigger-event-markers-border-radius: 4px !important;
92
+ $gantt-bigger-event-markers-height: 26px !important;
93
+ $gantt-bigger-event-arrow-bottom: 6px solid transparent;
94
+ $gantt-bigger-event-arrow-right: 6px solid transparent;
95
+ $gantt-bigger-event-arrow-top: 6px solid transparent;
96
+ $gantt-bigger-event-arrow-top-value: 73px !important;
97
+ $gantt-bigger-event-markers-top: 65px !important;
98
+ $gantt-bigger-event-markers-padding: 4px 11px 4px 9px !important;
99
+ $gantt-bigger-add-dialog-input-height: 76px !important;
100
+ $gantt-bigger-add-dialog-input-width: 250px !important;
101
+ $gantt-bigger-add-dialog-input-field-width: 175px !default;
102
+ $gantt-bigger-filter-dialog-footer-padding: 16px !important;
103
+ $gantt-bigger-add-dialog-footer-padding: 16px !important;
104
+ $gantt-bigger-filter-dialog-input-padding: 16px 0 0 !important;
105
+ $gantt-bigger-filter-dialog-footer-height: 70px !important;
106
+ $gantt-bigger-add-dialog-footer-height: 70px !important;
107
+ $gantt-bigger-dialog-width: 556px !important;
108
+ $gantt-bigger-filter-dialog-width: 350px !important;
109
+ $gantt-dialog-bigger-input-field: 36px !default;
110
+ $gantt-dialog-bigger-input-padding-field: 32px 16px 16px !important;
111
+ $gantt-bigger-dialog-input-field-height: 34px !important;
112
+ $gantt-bigger-dialog-input-icon: 35px !important;
113
+ $gantt-dialog-bigger-border-radius: 6px !important;
114
+ $gantt-bigger-dialog-tab-padding-left: 5px !important;
115
+ $gantt-bigger-dialog-border-radius: 6px 6px 0px 0px !default;
79
116
  $gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 0 !default;
80
117
  $gantt-dialog-dependent-height: 161px !default;
81
118
  $gantt-dialog-resource-height: 202px !default;
package/styles/gantt/_fabric-definition.scss CHANGED
@@ -11,6 +11,7 @@ $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,7 +20,7 @@ $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-hover-color: #0d6efd !default;
23
24
  $connector-point-border-color: #fff !default;
24
25
  $connector-point-hover-bg-color: $neutral-white !default;
25
26
  $connector-point-hover-border-color: $theme-darker !default;
@@ -74,9 +75,45 @@ $gantt-dialog-general-height: 241px !default;
74
75
  $gantt-dialog-edit-form-odd-padding: 15px 20px 0 18px !default;
75
76
  $gantt-dialog-edit-form-even-padding: 16px 16px 0 0 !default;
76
77
  $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;
78
+ $gantt-bigger-predecessor-dialog-padding: 10px 9px 9px 14px !important;
79
+ $gantt-bigger-tooltip-button-color: #000000;
80
+ $gantt-bigger-tooltip-dialog-color: #f8f8f8;
81
+ $gantt-bigger-tooltip-button-text-color: #F9FAFB;
82
+ $gantt-bigger-tooltip-disabled-button-color: #A6A6A6 !important;
83
+ $gantt-bigger-dialog-edit-form-odd-padding: 16px 12px 0 16px !default;
84
+ $gantt-bigger-dialog-edit-form-even-padding: 16px 16px 0 12px !default;
85
+ $gantt-bigger-dialog-close-button-left: 0 !important;
86
+ $gantt-bigger-dialog-close-button-size: 12px !important;
87
+ $gantt-bigger-dialog-header-padding: 16px 4px 16px 16px !important;
88
+ $gantt-bigger-add-dialog-content-height: 242px !important;
89
+ $gantt-bigger-event-arrow-color: #cae8ff;
90
+ $gantt-bigger-event-arrow-font-size: 12px !important;
91
+ $gantt-bigger-event-markers-border-radius: 4px !important;
92
+ $gantt-bigger-event-markers-height: 26px !important;
93
+ $gantt-bigger-event-arrow-bottom: 6px solid transparent;
94
+ $gantt-bigger-event-arrow-right: 6px solid transparent;
95
+ $gantt-bigger-event-arrow-top: 6px solid transparent;
96
+ $gantt-bigger-event-arrow-top-value: 73px !important;
97
+ $gantt-bigger-event-markers-top: 65px !important;
98
+ $gantt-bigger-event-markers-padding: 4px 11px 4px 9px !important;
99
+ $gantt-bigger-add-dialog-input-height: 76px !important;
100
+ $gantt-bigger-add-dialog-input-width: 250px !important;
101
+ $gantt-bigger-add-dialog-input-field-width: 175px !default;
102
+ $gantt-bigger-filter-dialog-footer-padding: 16px !important;
103
+ $gantt-bigger-add-dialog-footer-padding: 16px !important;
104
+ $gantt-bigger-filter-dialog-input-padding: 16px 0 0 !important;
105
+ $gantt-bigger-filter-dialog-footer-height: 70px !important;
106
+ $gantt-bigger-add-dialog-footer-height: 70px !important;
107
+ $gantt-bigger-dialog-width: 556px !important;
108
+ $gantt-bigger-filter-dialog-width: 350px !important;
109
+ $gantt-dialog-bigger-input-field: 36px !default;
110
+ $gantt-dialog-bigger-input-padding-field: 32px 16px 16px !important;
111
+ $gantt-bigger-dialog-input-field-height: 34px !important;
112
+ $gantt-bigger-dialog-input-icon: 35px !important;
113
+ $gantt-dialog-bigger-border-radius: 6px !important;
114
+ $gantt-bigger-dialog-tab-padding-left: 5px !important;
115
+ $gantt-bigger-dialog-border-radius: 6px 6px 0px 0px !default;
116
+ $gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 9px !default;
80
117
  $gantt-dialog-dependent-height: 161px !default;
81
118
  $gantt-dialog-resource-height: 202px !default;
82
119
  $gantt-dialog-rte-height: 241px !default;
package/styles/gantt/_fluent-definition.scss CHANGED
@@ -18,7 +18,7 @@ $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: #0078de !default;
22
22
  $connector-point-border-color: $content-bg-color !default;
23
23
  $connector-point-hover-bg-color: $icon-color-hover !default;
24
24
  $connector-point-hover-border-color: $content-bg-color !default;
@@ -29,6 +29,7 @@ $gantt-unscheduled-taskbar-background-color: rgba(63,81,181, .2) !default;
29
29
  $gantt-unscheduled-milestone-top-border: $content-bg-color-alt5 !default;
30
30
  $gantt-unscheduled-milestone-bottom-border: $content-bg-color-alt5 !default;
31
31
  $gantt-resize-gripper: rgba(249, 146, 11, .2) !default;
32
+ $connector-point-hover-outerline-color: #c7e0f4 !default;
32
33
  $gantt-child-task-bar: #5EB5FF !default;
33
34
  $gantt-child-progress-bar: $primary !default;
34
35
  $gantt-manualchild-task-bar: $success-light !default;
@@ -115,9 +116,45 @@ $gantt-dialog-general-height: 241px !default;
115
116
  $gantt-dialog-edit-form-odd-padding: 12px 18px 0 18px !default;
116
117
  $gantt-dialog-edit-form-even-padding: 12px 18px 0 0 !default;
117
118
  $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;
119
+ $gantt-bigger-predecessor-dialog-padding: 10px 9px 9px 14px !important;
120
+ $gantt-bigger-tooltip-button-color: #000000;
121
+ $gantt-bigger-tooltip-dialog-color: #faf9f8;
122
+ $gantt-bigger-tooltip-button-text-color: #FFFFFF;
123
+ $gantt-bigger-tooltip-disabled-button-color: #A19F9D !important;
124
+ $gantt-bigger-dialog-edit-form-odd-padding: 16px 8px 0 28px !default;
125
+ $gantt-bigger-dialog-edit-form-even-padding: 16px 28px 0 8px !default;
126
+ $gantt-bigger-dialog-close-button-left: 8px !important;
127
+ $gantt-bigger-dialog-close-button-size: 14px !important;
128
+ $gantt-bigger-dialog-header-padding: 16px 4px 16px 28px !important;
129
+ $gantt-bigger-add-dialog-content-height: 254px !important;
130
+ $gantt-bigger-event-arrow-color: #fff4ce;
131
+ $gantt-bigger-event-arrow-font-size: 12px !important;
132
+ $gantt-bigger-event-markers-border-radius: 4px !important;
133
+ $gantt-bigger-event-markers-top: 35px !important;
134
+ $gantt-bigger-event-arrow-bottom: 6px solid transparent;
135
+ $gantt-bigger-event-arrow-right: 6px solid transparent;
136
+ $gantt-bigger-event-arrow-top: 6px solid transparent;
137
+ $gantt-bigger-event-arrow-top-value: 43px !important;
138
+ $gantt-bigger-event-markers-height: 26px !important;
139
+ $gantt-bigger-event-markers-padding: 4px 8px 4px 8px !important;
140
+ $gantt-bigger-add-dialog-input-height: 84px !important;
141
+ $gantt-bigger-add-dialog-input-width: 254px !important;
142
+ $gantt-bigger-add-dialog-input-field-width: 180px !default;
143
+ $gantt-bigger-filter-dialog-footer-padding: 28px 28px 28px 28px !important;
144
+ $gantt-bigger-add-dialog-footer-padding: 24px 28px 28px 28px !important;
145
+ $gantt-bigger-filter-dialog-footer-height: 96px !important;
146
+ $gantt-bigger-filter-dialog-input-padding: 28px 0 0 !important;
147
+ $gantt-bigger-add-dialog-footer-height: 70px !important;
148
+ $gantt-bigger-dialog-width: 580px !important;
149
+ $gantt-bigger-filter-dialog-width: 392px !important;
150
+ $gantt-dialog-bigger-input-field: 40px !default;
151
+ $gantt-dialog-bigger-input-padding-field: 28px 28px 0px 28px !important;
152
+ $gantt-bigger-dialog-input-field-height: 38px !important;
153
+ $gantt-bigger-dialog-input-icon: 35px !important;
154
+ $gantt-dialog-bigger-border-radius: 2px !important;
155
+ $gantt-bigger-dialog-tab-padding-left: 16px !important;
156
+ $gantt-bigger-dialog-border-radius: 6px 6px 0px 0px !default;
157
+ $gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 9px !default;
121
158
  $gantt-dialog-dependent-height: 161px !default;
122
159
  $gantt-dialog-resource-height: 202px !default;
123
160
  $gantt-dialog-rte-height: 241px !default;
package/styles/gantt/_highcontrast-definition.scss CHANGED
@@ -19,7 +19,7 @@ $event-marker-label-arrow-top: 60px !default;
19
19
  $connector-line-color: #29c400 !default;
20
20
  $connector-line-hover-color: #29c400 !default;
21
21
  $connector-false-line-color: #29c400 !default;
22
- $connector-point-hover-color: $bg-base-75 !default;
22
+ $connector-point-hover-color: #ffd939 !default;
23
23
  $connector-point-border-color: #000 !default;
24
24
  $connector-point-hover-bg-color: $bg-base-0 !default;
25
25
  $connector-point-hover-border-color: $selection-border !default;
@@ -43,6 +43,7 @@ $gantt-child-task-bar-border: 1px solid $hover-border !default;
43
43
  $gantt-manualchild-task-bar: #4731FE;
44
44
  $gantt-manualchild-task-bar-border: 1px solid #FFFFFF;
45
45
  $gantt-manualchild-progress-bar: #1B00F7 ;
46
+ $connector-point-hover-outerline-color: #685708 !default;
46
47
  $gantt-manualchild-progress-bar-border: 0px !default;
47
48
  $gantt-manualparent-background-color: #989A9C;
48
49
  $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;
@@ -74,9 +75,45 @@ $gantt-dialog-general-height: 241px !default;
74
75
  $gantt-dialog-edit-form-odd-padding: 16px 18px 0 18px !default;
75
76
  $gantt-dialog-edit-form-even-padding: 16px 16px 0 0 !default;
76
77
  $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;
78
+ $gantt-bigger-predecessor-dialog-padding: 10px 9px 9px 14px !important;
79
+ $gantt-bigger-tooltip-button-color: #000000;
80
+ $gantt-bigger-tooltip-dialog-color: #1a1a1a;
81
+ $gantt-bigger-dialog-edit-form-odd-padding: 16px 9px 0 18px !default;
82
+ $gantt-bigger-dialog-edit-form-even-padding: 16px 18px 0 9px !default;
83
+ $gantt-bigger-dialog-close-button-left: 2px !important;
84
+ $gantt-bigger-dialog-close-button-size: 12px !important;
85
+ $gantt-bigger-dialog-header-padding: 16px 4px 12px 18px !important;
86
+ $gantt-bigger-add-dialog-content-height: 241px !important;
87
+ $gantt-bigger-event-arrow-color: #FFF;
88
+ $gantt-bigger-tooltip-button-text-color: #F9FAFB;
89
+ $gantt-bigger-tooltip-disabled-button-color: #757575 !important;
90
+ $gantt-bigger-event-arrow-font-size: 12px !important;
91
+ $gantt-bigger-event-markers-border-radius: 4px !important;
92
+ $gantt-bigger-event-markers-height: 26px !important;
93
+ $gantt-bigger-event-arrow-bottom: 6px solid transparent;
94
+ $gantt-bigger-event-arrow-right: 6px solid transparent;
95
+ $gantt-bigger-event-arrow-top: 6px solid transparent;
96
+ $gantt-bigger-event-arrow-top-value: 43px !important;
97
+ $gantt-bigger-event-markers-top: 36px !important;
98
+ $gantt-bigger-event-markers-padding: 4px 11px 4px 8px !important;
99
+ $gantt-bigger-add-dialog-input-height: 78px !important;
100
+ $gantt-bigger-add-dialog-input-width: 250px !important;
101
+ $gantt-bigger-add-dialog-input-field-width: 175px !default;
102
+ $gantt-bigger-filter-dialog-footer-padding: 19px 18px 19px 16px !important;
103
+ $gantt-bigger-add-dialog-footer-padding: 16px 18px 20px 18px !important;
104
+ $gantt-bigger-filter-dialog-footer-height: 76px !important;
105
+ $gantt-bigger-filter-dialog-input-padding: 20px 0 0 !important;
106
+ $gantt-bigger-add-dialog-footer-height: 70px !important;
107
+ $gantt-bigger-dialog-width: 554px !important;
108
+ $gantt-bigger-filter-dialog-width: 307px !important;
109
+ $gantt-dialog-bigger-input-field: 40px !default;
110
+ $gantt-dialog-bigger-input-padding-field: 20px 18px 0px 18px !important;
111
+ $gantt-bigger-dialog-input-field-height: 38px !important;
112
+ $gantt-bigger-dialog-input-icon: 38px !important;
113
+ $gantt-dialog-bigger-border-radius: 0px !important;
114
+ $gantt-bigger-dialog-tab-padding-left: 6px !important;
115
+ $gantt-bigger-dialog-border-radius: 6px 6px 0px 0px !default;
116
+ $gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 9px !default;
80
117
  $gantt-dialog-dependent-height: 161px !default;
81
118
  $gantt-dialog-resource-height: 202px !default;
82
119
  $gantt-dialog-rte-height: 241px !default;
package/styles/gantt/_highcontrast-light-definition.scss CHANGED
@@ -12,6 +12,7 @@ $weekend-background: $bg-base-10 !default;
12
12
  $event-marker-line-color: #29c400 !default;
13
13
  $event-marker-label-color: $bg-base-100 !default;
14
14
  $event-marker-label-font-color: $invert-font !default;
15
+ $connector-point-hover-outerline-color: #e7f1ff !default;
15
16
  $event-marker-label-font-size: 12px !default;
16
17
  $event-marker-label-padding: 7px 12px !default;
17
18
  $event-marker-label-height: 30px !default;
@@ -19,7 +20,7 @@ $event-marker-label-arrow-top: 60px !default;
19
20
  $connector-line-color: #29c400 !default;
20
21
  $connector-line-hover-color: #29c400 !default;
21
22
  $connector-false-line-color: #29c400 !default;
22
- $connector-point-hover-color: $bg-base-75 !default;
23
+ $connector-point-hover-color: #ffd939 !default;
23
24
  $connector-point-border-color: #000 !default;
24
25
  $connector-point-hover-bg-color: $bg-base-0 !default;
25
26
  $connector-point-hover-border-color: $selection-border !default;
@@ -74,9 +75,45 @@ $gantt-dialog-general-height: 241px !default;
74
75
  $gantt-dialog-edit-form-odd-padding: 16px 18px 0 18px !default;
75
76
  $gantt-dialog-edit-form-even-padding: 16px 16px 0 0 !default;
76
77
  $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;
78
+ $gantt-bigger-predecessor-dialog-padding: 10px 9px 9px 14px !important;
79
+ $gantt-bigger-tooltip-button-color: #000000;
80
+ $gantt-bigger-tooltip-dialog-color: #1a1a1a;
81
+ $gantt-bigger-dialog-edit-form-odd-padding: 16px 9px 0 18px !default;
82
+ $gantt-bigger-dialog-edit-form-even-padding: 16px 18px 0 9px !default;
83
+ $gantt-bigger-dialog-close-button-left: 2px !important;
84
+ $gantt-bigger-dialog-close-button-size: 12px !important;
85
+ $gantt-bigger-dialog-header-padding: 16px 4px 12px 18px !important;
86
+ $gantt-bigger-add-dialog-content-height: 241px !important;
87
+ $gantt-bigger-event-arrow-color: #FFF;
88
+ $gantt-bigger-tooltip-button-text-color: #F9FAFB;
89
+ $gantt-bigger-tooltip-disabled-button-color: #757575 !important;
90
+ $gantt-bigger-event-arrow-font-size: 12px !important;
91
+ $gantt-bigger-event-markers-border-radius: 4px !important;
92
+ $gantt-bigger-event-markers-height: 26px !important;
93
+ $gantt-bigger-event-arrow-bottom: 6px solid transparent;
94
+ $gantt-bigger-event-arrow-right: 6px solid transparent;
95
+ $gantt-bigger-event-arrow-top: 6px solid transparent;
96
+ $gantt-bigger-event-arrow-top-value: 43px !important;
97
+ $gantt-bigger-event-markers-top: 36px !important;
98
+ $gantt-bigger-event-markers-padding: 4px 11px 4px 8px !important;
99
+ $gantt-bigger-add-dialog-input-height: 78px !important;
100
+ $gantt-bigger-add-dialog-input-width: 250px !important;
101
+ $gantt-bigger-add-dialog-input-field-width: 175px !default;
102
+ $gantt-bigger-filter-dialog-footer-padding: 19px 18px 19px 16px !important;
103
+ $gantt-bigger-add-dialog-footer-padding: 16px 18px 20px 18px !important;
104
+ $gantt-bigger-filter-dialog-footer-height: 76px !important;
105
+ $gantt-bigger-filter-dialog-input-padding: 20px 0 0 !important;
106
+ $gantt-bigger-add-dialog-footer-height: 70px !important;
107
+ $gantt-bigger-dialog-width: 554px !important;
108
+ $gantt-bigger-filter-dialog-width: 307px !important;
109
+ $gantt-dialog-bigger-input-field: 40px !default;
110
+ $gantt-dialog-bigger-input-padding-field: 20px 18px 0px 18px !important;
111
+ $gantt-bigger-dialog-input-field-height: 38px !important;
112
+ $gantt-bigger-dialog-input-icon: 38px !important;
113
+ $gantt-dialog-bigger-border-radius: 0px !important;
114
+ $gantt-bigger-dialog-tab-padding-left: 6px !important;
115
+ $gantt-bigger-dialog-border-radius: 6px 6px 0px 0px !default;
116
+ $gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 9px !default;
80
117
  $gantt-dialog-dependent-height: 161px !default;
81
118
  $gantt-dialog-resource-height: 202px !default;
82
119
  $gantt-dialog-rte-height: 241px !default;