@syncfusion/ej2-gantt 19.2.62 → 19.3.46
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.
- package/.eslintrc.json +1 -1
- package/CHANGELOG.md +38 -0
- package/dist/ej2-gantt.umd.min.js +2 -2
- package/dist/ej2-gantt.umd.min.js.map +1 -1
- package/dist/es6/ej2-gantt.es2015.js +124 -105
- package/dist/es6/ej2-gantt.es2015.js.map +1 -1
- package/dist/es6/ej2-gantt.es5.js +127 -107
- package/dist/es6/ej2-gantt.es5.js.map +1 -1
- package/dist/global/ej2-gantt.min.js +2 -2
- package/dist/global/ej2-gantt.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +18 -18
- package/src/gantt/actions/cell-edit.js +1 -0
- package/src/gantt/actions/dialog-edit.js +6 -1
- package/src/gantt/actions/edit.js +12 -5
- package/src/gantt/actions/filter.js +1 -1
- package/src/gantt/actions/taskbar-edit.js +3 -3
- package/src/gantt/base/gantt-chart.js +1 -1
- package/src/gantt/base/gantt-model.d.ts +3 -30
- package/src/gantt/base/gantt.d.ts +2 -30
- package/src/gantt/base/gantt.js +59 -4
- package/src/gantt/base/interface.d.ts +4 -22
- package/src/gantt/base/splitter.js +7 -2
- package/src/gantt/base/task-processor.js +11 -3
- package/src/gantt/base/tree-grid.js +8 -2
- package/src/gantt/base/utils.js +2 -2
- package/src/gantt/export/export-helper.js +12 -14
- package/src/gantt/models/column.d.ts +11 -6
- package/src/gantt/models/day-working-time-model.d.ts +0 -4
- package/src/gantt/models/day-working-time.d.ts +0 -4
- package/src/gantt/models/selection-settings-model.d.ts +0 -4
- package/src/gantt/models/selection-settings.d.ts +0 -4
- package/src/gantt/renderer/chart-rows.d.ts +0 -1
- package/src/gantt/renderer/chart-rows.js +3 -71
- package/src/gantt/renderer/nonworking-day.js +1 -1
- package/styles/bootstrap-dark.css +17 -0
- package/styles/bootstrap.css +17 -0
- package/styles/bootstrap4.css +22 -0
- package/styles/bootstrap5-dark.css +1922 -0
- package/styles/bootstrap5-dark.scss +1 -0
- package/styles/bootstrap5.css +1922 -0
- package/styles/bootstrap5.scss +1 -0
- package/styles/fabric-dark.css +17 -0
- package/styles/fabric.css +17 -0
- package/styles/gantt/_bootstrap-dark-definition.scss +3 -0
- package/styles/gantt/_bootstrap-definition.scss +3 -0
- package/styles/gantt/_bootstrap4-definition.scss +3 -0
- package/styles/gantt/_bootstrap5-dark-definition.scss +1 -0
- package/styles/gantt/_bootstrap5-definition.scss +164 -0
- package/styles/gantt/_fabric-dark-definition.scss +3 -0
- package/styles/gantt/_fabric-definition.scss +3 -0
- package/styles/gantt/_highcontrast-definition.scss +3 -0
- package/styles/gantt/_highcontrast-light-definition.scss +3 -0
- package/styles/gantt/_layout.scss +15 -3
- package/styles/gantt/_material-dark-definition.scss +3 -0
- package/styles/gantt/_material-definition.scss +3 -0
- package/styles/gantt/_tailwind-dark-definition.scss +1 -156
- package/styles/gantt/_tailwind-definition.scss +67 -60
- package/styles/gantt/_theme.scss +8 -1
- package/styles/gantt/bootstrap-dark.css +17 -0
- package/styles/gantt/bootstrap.css +17 -0
- package/styles/gantt/bootstrap4.css +22 -0
- package/styles/gantt/bootstrap5-dark.css +1922 -0
- package/styles/gantt/bootstrap5-dark.scss +22 -0
- package/styles/gantt/bootstrap5.css +1922 -0
- package/styles/gantt/bootstrap5.scss +22 -0
- package/styles/gantt/fabric-dark.css +17 -0
- package/styles/gantt/fabric.css +17 -0
- package/styles/gantt/highcontrast-light.css +17 -0
- package/styles/gantt/highcontrast.css +17 -0
- package/styles/gantt/icons/_bootstrap5-dark.scss +1 -0
- package/styles/gantt/icons/_bootstrap5.scss +112 -0
- package/styles/gantt/icons/_tailwind-dark.scss +112 -112
- package/styles/gantt/material-dark.css +19 -2
- package/styles/gantt/material.css +17 -0
- package/styles/gantt/tailwind-dark.css +41 -25
- package/styles/gantt/tailwind.css +39 -23
- package/styles/highcontrast-light.css +17 -0
- package/styles/highcontrast.css +17 -0
- package/styles/material-dark.css +19 -2
- package/styles/material.css +17 -0
- package/styles/tailwind-dark.css +41 -25
- package/styles/tailwind.css +39 -23
|
@@ -1,156 +1 @@
|
|
|
1
|
-
|
|
2
|
-
$gantt-header-border-color: $border-light !default;
|
|
3
|
-
$gantt-header-color: $content-text-color-alt2 !default;
|
|
4
|
-
$gantt-grid-line-color: $border-light !default;
|
|
5
|
-
$gantt-label-color: $content-text-color-alt2 !default;
|
|
6
|
-
$gantt-content-color: $content-text-color-alt2 !default;
|
|
7
|
-
$holiday-background: $content-bg-color-alt1 !default;
|
|
8
|
-
$progress-handler-outline: $white !default;
|
|
9
|
-
$progress-handler-background: #222 !default;
|
|
10
|
-
$holiday-label-color: $content-text-color-alt2 !default;
|
|
11
|
-
$holiday-label-font-size: $text-xs !default;
|
|
12
|
-
$weekend-background: $content-bg-color-alt2 !default;
|
|
13
|
-
$event-marker-line-color: $primary !default;
|
|
14
|
-
$event-marker-label-color: $warning-light !default;
|
|
15
|
-
$event-marker-label-font-color: $warning !default;
|
|
16
|
-
$event-marker-label-font-size: $text-xs !default;
|
|
17
|
-
$event-marker-label-padding: 4px 8px !default;
|
|
18
|
-
$event-marker-label-height: 26px !default;
|
|
19
|
-
$event-marker-label-arrow-top: 58px !default;
|
|
20
|
-
$connector-line-color: $primary !default;
|
|
21
|
-
$connector-line-hover-color: $primary !default;
|
|
22
|
-
$connector-false-line-color: $primary !default;
|
|
23
|
-
$connector-point-hover-color: $icon-color !default;
|
|
24
|
-
$connector-point-border-color: $content-bg-color !default;
|
|
25
|
-
$connector-point-hover-bg-color: $icon-color-hover !default;
|
|
26
|
-
$connector-point-hover-border-color: $content-bg-color !default;
|
|
27
|
-
$gantt-connector-point-margin-top: 7.5px !default;
|
|
28
|
-
$gantt-connector-point-margin-radius: 4px !default;
|
|
29
|
-
$gantt-connector-point-left: 8px !default;
|
|
30
|
-
$gantt-unscheduled-taskbar-left: 3px !default;
|
|
31
|
-
$gantt-unscheduled-taskbar-right-radius: 2px !default;
|
|
32
|
-
$gantt-label-size: $text-sm !default;
|
|
33
|
-
$gantt-header-border-spacing: 0 !default;
|
|
34
|
-
$gantt-line-container-cell-border-color: $border-light !default;
|
|
35
|
-
// sass-lint:disable-all
|
|
36
|
-
$gantt-unscheduled-taskbar-background: linear-gradient(to right, $primary, $primary-light 30%, $primary-light 70%, $primary-light 70%, $primary 100%) !default;
|
|
37
|
-
$gantt-unscheduled-taskbar-background-color: rgba(63,81,181, .2) !default;
|
|
38
|
-
$gantt-unscheduled-milestone-top-border: $content-bg-color-alt5 !default;
|
|
39
|
-
$gantt-unscheduled-milestone-bottom-border: $content-bg-color-alt5 !default;
|
|
40
|
-
$gantt-resize-gripper: rgba(249, 146, 11, .2) !default;
|
|
41
|
-
$gantt-child-task-bar: $primary-light !default;
|
|
42
|
-
$gantt-child-progress-bar: $primary !default;
|
|
43
|
-
$gantt-child-progress-bar-border: 0px !default;
|
|
44
|
-
$gantt-child-task-bar-border: 1px solid $primary !default;
|
|
45
|
-
$gantt-manualchild-task-bar: #C4B5FD !default;
|
|
46
|
-
$gantt-manualchild-task-bar-border: 1px solid #8B5CF6;
|
|
47
|
-
$gantt-manualchild-progress-bar: #8B5CF6;
|
|
48
|
-
$gantt-manualchild-progress-bar-border: 0px !default;
|
|
49
|
-
$gantt-manualparent-background-color: $content-bg-color-alt5;
|
|
50
|
-
$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;
|
|
51
|
-
$gantt-unscheduled-manualtaskbar-background: linear-gradient(to right, #C4B5FD, #8B5CF6 30%, #8B5CF6 70%, #8B5CF6 70%, #C4B5FD 100%) !default;
|
|
52
|
-
$gantt-parent-task-bar: $content-bg-color-alt4 !default;
|
|
53
|
-
$gantt-parent-progress-bar: $content-bg-color-alt5 !default;
|
|
54
|
-
$gantt-milestone-border-color: $content-bg-color-alt5 !default;
|
|
55
|
-
$gantt-parent-milestone-border-color: $content-bg-color-alt5 !default;
|
|
56
|
-
$gantt-parent-progress-bar-border: 0px !default;
|
|
57
|
-
$gantt-parent-task-bar-border: 1px solid $border-dark !default;
|
|
58
|
-
$gantt-progress-bar-left-radius: 2px !default;
|
|
59
|
-
$gantt-unscheduled-taskbar-left-radius: 0px !default;
|
|
60
|
-
$gantt-connector-point-right-margin-left: 2px !default;
|
|
61
|
-
$gantt-right-label-container-margin-left: 16px !default;
|
|
62
|
-
$gantt-task-label-font-size: $text-xs !default;
|
|
63
|
-
$gantt-label-font-size: $text-sm !default;
|
|
64
|
-
$gantt-label-font-color: $content-text-color-alt2 !default;
|
|
65
|
-
$gantt-task-label-font-color: $primary-text-color !default;
|
|
66
|
-
$gantt-tab-header-active-font-color: $primary !default;
|
|
67
|
-
$gantt-tab-header-font-color: $content-text-color-alt2 !default;
|
|
68
|
-
$gantt-edit-icon-color: $white !default;
|
|
69
|
-
$gantt-icons-color: $icon-color !default;
|
|
70
|
-
$gantt-unscheduled-taskbar-border: 0px !default;
|
|
71
|
-
$gantt-unscheduled-taskbar-border-radius: 2px !default;
|
|
72
|
-
$gantt-dialog-general-height: 240px !default;
|
|
73
|
-
$gantt-dialog-edit-form-odd-padding: 12px 12px 0 19px !default;
|
|
74
|
-
$gantt-dialog-edit-form-even-padding: 12px 19px 0 0 !default;
|
|
75
|
-
$gantt-dialog-edit-form-scroll-padding: 12px 15px 0 0 !default;
|
|
76
|
-
$gantt-dialog-dependent-height: 157px !default;
|
|
77
|
-
$gantt-dialog-resource-height: 200px !default;
|
|
78
|
-
$gantt-dialog-rte-height: 259px !default;
|
|
79
|
-
$gantt-dialog-rte-content-height: 210px !default;
|
|
80
|
-
$gantt-dialog-padding-bottom: 12px !default;
|
|
81
|
-
$gantt-dialog-active-tab-background: $transparent !default;
|
|
82
|
-
$gantt-dialog-tab-padding-left: 19px !default;
|
|
83
|
-
$gantt-dialog-tab-background: $content-bg-color-alt1 !default;
|
|
84
|
-
$gantt-dialog-header-font-color: $content-text-color !default;
|
|
85
|
-
$gantt-dialog-icon-color: $icon-color !default;
|
|
86
|
-
$gantt-dialog-icon-hover-color: $content-bg-color-alt1 !default;
|
|
87
|
-
$gantt-dialog-close-icon-hover-color: $icon-color !default;
|
|
88
|
-
$gantt-dialog-tab-hover-border-color: $transparent !default;
|
|
89
|
-
$gantt-dialog-tab-header-border-no-color: $transparent !default;
|
|
90
|
-
$gantt-tab-header-border-width: 0px;
|
|
91
|
-
$gantt-depedent-div-border-bottom: 1px !default;
|
|
92
|
-
$gantt-resource-div-border-bottom: 1px !default;
|
|
93
|
-
$gantt-richtext-border-bottom: 1px !default;
|
|
94
|
-
$gantt-richtext-content-border-bottom: 0px !default;
|
|
95
|
-
$gantt-tab-selection-indicator-color: $primary !default;
|
|
96
|
-
$gantt-tab-header-hover-color: $transparent !default;
|
|
97
|
-
$gantt-tab-header-hover-font-color: $content-text-color-alt2 !default;
|
|
98
|
-
$gantt-connector-point-width: 12px !default;
|
|
99
|
-
$gantt-connector-point-height: 8px !default;
|
|
100
|
-
$gantt-connector-left-point-left: -12px !default;
|
|
101
|
-
$gantt-parent-progress-bar-border-radius: 4px !default;
|
|
102
|
-
$gantt-timeline-top-headercell-font-size: $text-xxs !default;
|
|
103
|
-
$gantt-timeline-top-headercell-font-weight: $font-weight-medium !default;
|
|
104
|
-
$gantt-active-background: $content-bg-color-selected !default;
|
|
105
|
-
$gantt-active-color: $content-text-color-selected !default;
|
|
106
|
-
$gantt-active-color-opacity: 1 !default;
|
|
107
|
-
$gantt-table-background: $content-bg-color !default;
|
|
108
|
-
$gantt-baseline-color: $border-warning !default;
|
|
109
|
-
$gantt-child-progress-margin-left: 0.5px !default;
|
|
110
|
-
$gantt-timeline-single-header-outer-div: 45px !default;
|
|
111
|
-
$gantt-chart-timeline-single-header-outer-div: 46px !default;
|
|
112
|
-
$gantt-header-border-height: 48px !default;
|
|
113
|
-
$gantt-treegrid-header-border-height: 48px !default;
|
|
114
|
-
$gantt-header-border-bottom-width: 1px !default;
|
|
115
|
-
$gantt-timeline-top-header-cell-height: 24px !default;
|
|
116
|
-
$gantt-header-border-radius: 0px !default;
|
|
117
|
-
$gantt-splitter-border-top-right-radius: 0px !default;
|
|
118
|
-
$gantt-splitter-border-top-left-radius: 0px !default;
|
|
119
|
-
$gantt-dialog-general-padding-bottom: 12px !default;
|
|
120
|
-
$gantt-filter-menu-value-div-padding: 18px !default;
|
|
121
|
-
$gantt-dialog-tab-hover-border-bottom: 0px !default;
|
|
122
|
-
$gantt-dialog-tab-hover-border-bottom-radius: 0px !default;
|
|
123
|
-
$gantt-dialog-border-radius: 6px !default;
|
|
124
|
-
$event-marker-line-height: 18px !default;
|
|
125
|
-
$gantt-inactive-parent: #8A8A8A !default;
|
|
126
|
-
$gantt-inactive-child:#D5D5D5 !default;
|
|
127
|
-
$gantt-connected-task: lighten($primary, 20%) !default;
|
|
128
|
-
$gantt-active-parent-task: lighten($black, 10%) !default;
|
|
129
|
-
$gantt-uptail-border: #e0e0e0 !default;
|
|
130
|
-
$gantt-gridpopup-span: $black !default;
|
|
131
|
-
$gantt-active-parent-shadow: rgba($gantt-gridpopup-span, 0.5) !default;
|
|
132
|
-
$gantt-left-resize-gripper-border: #9e9e9e !default;
|
|
133
|
-
$gantt-left-resize-gripper-color: #eee !default;
|
|
134
|
-
$gantt-clone-padding: 4px 5px !default;
|
|
135
|
-
$gantt-bigger-clone-padding: $gantt-clone-padding !default;
|
|
136
|
-
$gantt-cell-border-color: $border !default;
|
|
137
|
-
$gantt-group-clone-box-shadow: 0 0 !default;
|
|
138
|
-
$gantt-header-font-size: 14px !default;
|
|
139
|
-
$gantt-header-font-weight: 500 !default;
|
|
140
|
-
$gantt-drag-clone-font-weight: $gantt-header-font-weight !default;
|
|
141
|
-
$gantt-drag-clone-opacity: 1 !default;
|
|
142
|
-
$gantt-group-clone-text-align: center !default;
|
|
143
|
-
$gantt-clone-prop-box-shadow: 0 3px 8px 0 rgba($black, .26) !default;
|
|
144
|
-
$gantt-drag-clone-bg-color: $content-bg-color !default;
|
|
145
|
-
$gantt-drag-clone-border-color: $border-light !default;
|
|
146
|
-
$gantt-drag-clone-color: $content-text-color !default;
|
|
147
|
-
$gantt-content-font-color: $content-text-color !default;
|
|
148
|
-
$gantt-table-background-color: $content-bg-color !default;
|
|
149
|
-
$gantt-clone-dragdrop-bg-color: $gantt-table-background-color !default;
|
|
150
|
-
$error-elem-color: $danger;
|
|
151
|
-
$gantt-border-size: 1px !default;
|
|
152
|
-
$gantt-active-container-border: $border !default;
|
|
153
|
-
$grid-active-container-border: 0 0 0 1px $border inset !default;
|
|
154
|
-
$gantt-collapse-progress-width: 0px !important;
|
|
155
|
-
$rangecontainer-border-color: #FC7A05;
|
|
156
|
-
$gantt-range-container-arc-radius: 1px !default;
|
|
1
|
+
@import './tailwind-definition.scss';
|
|
@@ -1,22 +1,19 @@
|
|
|
1
|
+
// color
|
|
1
2
|
$gantt-header-bg-color: $content-bg-color-alt1 !default;
|
|
2
3
|
$gantt-header-border-color: $border-light !default;
|
|
3
4
|
$gantt-header-color: $content-text-color-alt2 !default;
|
|
5
|
+
$gantt-context-menu-icon-color: $content-text-color-alt2 !default;
|
|
4
6
|
$gantt-grid-line-color: $border-light !default;
|
|
5
7
|
$gantt-label-color: $content-text-color-alt2 !default;
|
|
6
8
|
$gantt-content-color: $content-text-color-alt2 !default;
|
|
7
9
|
$holiday-background: $content-bg-color-alt1 !default;
|
|
8
10
|
$progress-handler-outline: $white !default;
|
|
9
|
-
$progress-handler-background:
|
|
11
|
+
$progress-handler-background: $content-text-color !default;
|
|
10
12
|
$holiday-label-color: $content-text-color-alt2 !default;
|
|
11
|
-
$holiday-label-font-size: $text-xs !default;
|
|
12
13
|
$weekend-background: $content-bg-color-alt2 !default;
|
|
13
14
|
$event-marker-line-color: $primary !default;
|
|
14
15
|
$event-marker-label-color: $warning-light !default;
|
|
15
16
|
$event-marker-label-font-color: $warning !default;
|
|
16
|
-
$event-marker-label-font-size: $text-xs !default;
|
|
17
|
-
$event-marker-label-padding: 4px 8px !default;
|
|
18
|
-
$event-marker-label-height: 26px !default;
|
|
19
|
-
$event-marker-label-arrow-top: 58px !default;
|
|
20
17
|
$connector-line-color: $primary !default;
|
|
21
18
|
$connector-line-hover-color: $primary !default;
|
|
22
19
|
$connector-false-line-color: $primary !default;
|
|
@@ -24,13 +21,6 @@ $connector-point-hover-color: $icon-color !default;
|
|
|
24
21
|
$connector-point-border-color: $content-bg-color !default;
|
|
25
22
|
$connector-point-hover-bg-color: $icon-color-hover !default;
|
|
26
23
|
$connector-point-hover-border-color: $content-bg-color !default;
|
|
27
|
-
$gantt-connector-point-margin-top: 7.5px !default;
|
|
28
|
-
$gantt-connector-point-margin-radius: 4px !default;
|
|
29
|
-
$gantt-connector-point-left: 8px !default;
|
|
30
|
-
$gantt-unscheduled-taskbar-left: 3px !default;
|
|
31
|
-
$gantt-unscheduled-taskbar-right-radius: 2px !default;
|
|
32
|
-
$gantt-label-size: $text-sm !default;
|
|
33
|
-
$gantt-header-border-spacing: 0 !default;
|
|
34
24
|
$gantt-line-container-cell-border-color: $border-light !default;
|
|
35
25
|
// sass-lint:disable-all
|
|
36
26
|
$gantt-unscheduled-taskbar-background: linear-gradient(to right, $primary-light, $primary 30%, $primary 70%, $primary 70%, $primary-light 100%) !default;
|
|
@@ -40,19 +30,73 @@ $gantt-unscheduled-milestone-bottom-border: $content-bg-color-alt5 !default;
|
|
|
40
30
|
$gantt-resize-gripper: rgba(249, 146, 11, .2) !default;
|
|
41
31
|
$gantt-child-task-bar: $primary-light !default;
|
|
42
32
|
$gantt-child-progress-bar: $primary !default;
|
|
43
|
-
$gantt-
|
|
44
|
-
$gantt-
|
|
45
|
-
$gantt-manualchild-
|
|
46
|
-
$gantt-manualchild-task-bar-border: 1px solid #10B981;
|
|
47
|
-
$gantt-manualchild-progress-bar: #10B981;
|
|
48
|
-
$gantt-manualchild-progress-bar-border: 0px !default;
|
|
33
|
+
$gantt-manualchild-task-bar: $success-light !default;
|
|
34
|
+
$gantt-manualchild-task-bar-border: 1px solid $success;
|
|
35
|
+
$gantt-manualchild-progress-bar: $success;
|
|
49
36
|
$gantt-manualparent-background-color: $content-bg-color-alt5;
|
|
50
37
|
$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;
|
|
51
|
-
$gantt-unscheduled-manualtaskbar-background: linear-gradient(to right,
|
|
38
|
+
$gantt-unscheduled-manualtaskbar-background: linear-gradient(to right, $success-light, $success 30%, $success 70%, $success 70%, $success-light 100%) !default;
|
|
52
39
|
$gantt-parent-task-bar: $content-bg-color-alt4 !default;
|
|
53
40
|
$gantt-parent-progress-bar: $content-bg-color-alt5 !default;
|
|
54
41
|
$gantt-milestone-border-color: $content-bg-color-alt5 !default;
|
|
55
42
|
$gantt-parent-milestone-border-color: $content-bg-color-alt5 !default;
|
|
43
|
+
$gantt-label-font-color: $content-text-color-alt2 !default;
|
|
44
|
+
$gantt-task-label-font-color: $primary-text-color !default;
|
|
45
|
+
$gantt-tab-header-active-font-color: $primary !default;
|
|
46
|
+
$gantt-tab-header-font-color: $content-text-color-alt2 !default;
|
|
47
|
+
$gantt-edit-icon-color: $white !default;
|
|
48
|
+
$gantt-icons-color: $icon-color !default;
|
|
49
|
+
$gantt-dialog-active-tab-background: $transparent !default;
|
|
50
|
+
$gantt-dialog-tab-background: $content-bg-color-alt1 !default;
|
|
51
|
+
$gantt-dialog-header-font-color: $content-text-color !default;
|
|
52
|
+
$gantt-dialog-icon-color: $icon-color !default;
|
|
53
|
+
$gantt-dialog-icon-hover-color: $content-bg-color-alt1 !default;
|
|
54
|
+
$gantt-dialog-close-icon-hover-color: $icon-color !default;
|
|
55
|
+
$gantt-dialog-tab-hover-border-color: $transparent !default;
|
|
56
|
+
$gantt-dialog-tab-header-border-no-color: $transparent !default;
|
|
57
|
+
$gantt-tab-selection-indicator-color: $primary !default;
|
|
58
|
+
$gantt-tab-header-hover-color: $transparent !default;
|
|
59
|
+
$gantt-tab-header-hover-font-color: $content-text-color-alt2 !default;
|
|
60
|
+
$gantt-active-background: $content-bg-color-selected;
|
|
61
|
+
$gantt-active-color: $content-text-color-selected !default;
|
|
62
|
+
$gantt-table-background: $content-bg-color !default;
|
|
63
|
+
$gantt-baseline-color: $border-warning !default;
|
|
64
|
+
$gantt-inactive-parent: $content-bg-color-alt4 !default;
|
|
65
|
+
$gantt-inactive-child: $primary-light !default;
|
|
66
|
+
$gantt-connected-task: lighten($primary, 20%) !default;
|
|
67
|
+
$gantt-active-parent-task: lighten($black, 10%) !default;
|
|
68
|
+
$gantt-uptail-border: $border-light !default;
|
|
69
|
+
$gantt-gridpopup-span: $black !default;
|
|
70
|
+
$gantt-active-parent-shadow: rgba($gantt-gridpopup-span, 0.5) !default;
|
|
71
|
+
$gantt-left-resize-gripper-border: $content-bg-color-alt4 !default;
|
|
72
|
+
$gantt-left-resize-gripper-color: $primary-text-color !default;
|
|
73
|
+
$gantt-drag-clone-bg-color: $content-bg-color !default;
|
|
74
|
+
$gantt-drag-clone-border-color: $border-light !default;
|
|
75
|
+
$gantt-drag-clone-color: $content-text-color !default;
|
|
76
|
+
$gantt-content-font-color: $content-text-color !default;
|
|
77
|
+
$gantt-table-background-color: $content-bg-color !default;
|
|
78
|
+
$gantt-clone-dragdrop-bg-color: $gantt-table-background-color !default;
|
|
79
|
+
$error-elem-color: $danger;
|
|
80
|
+
$gantt-active-container-border: $border !default;
|
|
81
|
+
$rangecontainer-border-color: $border-warning;
|
|
82
|
+
|
|
83
|
+
// Layout
|
|
84
|
+
$holiday-label-font-size: $text-xs !default;
|
|
85
|
+
$event-marker-label-font-size: $text-xs !default;
|
|
86
|
+
$event-marker-label-padding: 4px 8px !default;
|
|
87
|
+
$event-marker-label-height: 26px !default;
|
|
88
|
+
$event-marker-label-arrow-top: 58px !default;
|
|
89
|
+
$gantt-connector-point-margin-top: 7.5px !default;
|
|
90
|
+
$gantt-connector-point-margin-radius: 4px !default;
|
|
91
|
+
$gantt-connector-point-left: 8px !default;
|
|
92
|
+
$gantt-unscheduled-taskbar-left: 3px !default;
|
|
93
|
+
$gantt-unscheduled-taskbar-right-radius: 2px !default;
|
|
94
|
+
$gantt-label-size: $text-sm !default;
|
|
95
|
+
$gantt-header-border-spacing: 0 !default;
|
|
96
|
+
// sass-lint:disable-all
|
|
97
|
+
$gantt-child-progress-bar-border: 0px !default;
|
|
98
|
+
$gantt-child-task-bar-border: 1px solid $primary !default;
|
|
99
|
+
$gantt-manualchild-progress-bar-border: 0px !default;
|
|
56
100
|
$gantt-parent-progress-bar-border: 0px !default;
|
|
57
101
|
$gantt-parent-task-bar-border: 1px solid $border-dark !default;
|
|
58
102
|
$gantt-progress-bar-left-radius: 2px !default;
|
|
@@ -61,12 +105,7 @@ $gantt-connector-point-right-margin-left: 2px !default;
|
|
|
61
105
|
$gantt-right-label-container-margin-left: 16px !default;
|
|
62
106
|
$gantt-task-label-font-size: $text-xs !default;
|
|
63
107
|
$gantt-label-font-size: $text-sm !default;
|
|
64
|
-
$gantt-label-font-
|
|
65
|
-
$gantt-task-label-font-color: $primary-text-color !default;
|
|
66
|
-
$gantt-tab-header-active-font-color: $primary !default;
|
|
67
|
-
$gantt-tab-header-font-color: $content-text-color-alt2 !default;
|
|
68
|
-
$gantt-edit-icon-color: $white !default;
|
|
69
|
-
$gantt-icons-color: $icon-color !default;
|
|
108
|
+
$gantt-bigger-label-font-size: 16px !default;
|
|
70
109
|
$gantt-unscheduled-taskbar-border: 0px !default;
|
|
71
110
|
$gantt-unscheduled-taskbar-border-radius: 2px !default;
|
|
72
111
|
$gantt-dialog-general-height: 240px !default;
|
|
@@ -78,34 +117,19 @@ $gantt-dialog-resource-height: 200px !default;
|
|
|
78
117
|
$gantt-dialog-rte-height: 259px !default;
|
|
79
118
|
$gantt-dialog-rte-content-height: 210px !default;
|
|
80
119
|
$gantt-dialog-padding-bottom: 12px !default;
|
|
81
|
-
$gantt-dialog-active-tab-background: $transparent !default;
|
|
82
120
|
$gantt-dialog-tab-padding-left: 19px !default;
|
|
83
|
-
$gantt-dialog-tab-background: $content-bg-color-alt1 !default;
|
|
84
|
-
$gantt-dialog-header-font-color: $content-text-color !default;
|
|
85
|
-
$gantt-dialog-icon-color: $icon-color !default;
|
|
86
|
-
$gantt-dialog-icon-hover-color: $content-bg-color-alt1 !default;
|
|
87
|
-
$gantt-dialog-close-icon-hover-color: $icon-color !default;
|
|
88
|
-
$gantt-dialog-tab-hover-border-color: $transparent !default;
|
|
89
|
-
$gantt-dialog-tab-header-border-no-color: $transparent !default;
|
|
90
121
|
$gantt-tab-header-border-width: 0px;
|
|
91
122
|
$gantt-depedent-div-border-bottom: 1px !default;
|
|
92
123
|
$gantt-resource-div-border-bottom: 1px !default;
|
|
93
124
|
$gantt-richtext-border-bottom: 1px !default;
|
|
94
125
|
$gantt-richtext-content-border-bottom: 0px !default;
|
|
95
|
-
$gantt-tab-selection-indicator-color: $primary !default;
|
|
96
|
-
$gantt-tab-header-hover-color: $transparent !default;
|
|
97
|
-
$gantt-tab-header-hover-font-color: $content-text-color-alt2 !default;
|
|
98
126
|
$gantt-connector-point-width: 12px !default;
|
|
99
127
|
$gantt-connector-point-height: 8px !default;
|
|
100
128
|
$gantt-connector-left-point-left: -12px !default;
|
|
101
129
|
$gantt-parent-progress-bar-border-radius: 4px !default;
|
|
102
130
|
$gantt-timeline-top-headercell-font-size: $text-xxs !default;
|
|
103
131
|
$gantt-timeline-top-headercell-font-weight: $font-weight-medium !default;
|
|
104
|
-
$gantt-active-
|
|
105
|
-
$gantt-active-color: $content-text-color-selected !default;
|
|
106
|
-
$gantt-active-color-opacity: 1 !default;
|
|
107
|
-
$gantt-table-background: $content-bg-color !default;
|
|
108
|
-
$gantt-baseline-color: $border-warning !default;
|
|
132
|
+
$gantt-active-color-opacity: 0.9 !default;
|
|
109
133
|
$gantt-child-progress-margin-left: 0.5px !default;
|
|
110
134
|
$gantt-timeline-single-header-outer-div: 45px !default;
|
|
111
135
|
$gantt-chart-timeline-single-header-outer-div: 46px !default;
|
|
@@ -116,21 +140,13 @@ $gantt-timeline-top-header-cell-height: 24px !default;
|
|
|
116
140
|
$gantt-header-border-radius: 0px !default;
|
|
117
141
|
$gantt-splitter-border-top-right-radius: 0px !default;
|
|
118
142
|
$gantt-splitter-border-top-left-radius: 0px !default;
|
|
143
|
+
$gantt-splitter-height: calc(100% - 38px) !important;
|
|
119
144
|
$gantt-dialog-general-padding-bottom: 12px !default;
|
|
120
145
|
$gantt-filter-menu-value-div-padding: 18px !default;
|
|
121
146
|
$gantt-dialog-tab-hover-border-bottom: 0px !default;
|
|
122
147
|
$gantt-dialog-tab-hover-border-bottom-radius: 0px !default;
|
|
123
148
|
$gantt-dialog-border-radius: 6px !default;
|
|
124
149
|
$event-marker-line-height: 18px !default;
|
|
125
|
-
$gantt-inactive-parent: #8A8A8A !default;
|
|
126
|
-
$gantt-inactive-child:#D5D5D5 !default;
|
|
127
|
-
$gantt-connected-task: lighten($primary, 20%) !default;
|
|
128
|
-
$gantt-active-parent-task: lighten($black, 10%) !default;
|
|
129
|
-
$gantt-uptail-border: #e0e0e0 !default;
|
|
130
|
-
$gantt-gridpopup-span: $black !default;
|
|
131
|
-
$gantt-active-parent-shadow: rgba($gantt-gridpopup-span, 0.5) !default;
|
|
132
|
-
$gantt-left-resize-gripper-border: #9e9e9e !default;
|
|
133
|
-
$gantt-left-resize-gripper-color: #eee !default;
|
|
134
150
|
$gantt-clone-padding: 4px 5px !default;
|
|
135
151
|
$gantt-bigger-clone-padding: $gantt-clone-padding !default;
|
|
136
152
|
$gantt-cell-border-color: $border !default;
|
|
@@ -141,16 +157,7 @@ $gantt-drag-clone-font-weight: $gantt-header-font-weight !default;
|
|
|
141
157
|
$gantt-drag-clone-opacity: 1 !default;
|
|
142
158
|
$gantt-group-clone-text-align: center !default;
|
|
143
159
|
$gantt-clone-prop-box-shadow: 0 3px 8px 0 rgba($black, .26) !default;
|
|
144
|
-
$gantt-drag-clone-bg-color: $content-bg-color !default;
|
|
145
|
-
$gantt-drag-clone-border-color: $border-light !default;
|
|
146
|
-
$gantt-drag-clone-color: $content-text-color !default;
|
|
147
|
-
$gantt-content-font-color: $content-text-color !default;
|
|
148
|
-
$gantt-table-background-color: $content-bg-color !default;
|
|
149
|
-
$gantt-clone-dragdrop-bg-color: $gantt-table-background-color !default;
|
|
150
|
-
$error-elem-color: $danger;
|
|
151
160
|
$gantt-border-size: 1px !default;
|
|
152
|
-
$gantt-active-container-border: $border !default;
|
|
153
161
|
$grid-active-container-border: 0 0 0 1px $border inset !default;
|
|
154
162
|
$gantt-collapse-progress-width: 0px !important;
|
|
155
|
-
$rangecontainer-border-color: #FC7A05;
|
|
156
163
|
$gantt-range-container-arc-radius: 1px !default;
|
package/styles/gantt/_theme.scss
CHANGED
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
|
|
2
2
|
@include export-module('gantt-theme') {
|
|
3
3
|
/*! Gantt theme */
|
|
4
|
+
|
|
4
5
|
.e-gantt {
|
|
6
|
+
|
|
5
7
|
.e-gantt-splitter {
|
|
6
8
|
border-color: $gantt-header-border-color;
|
|
7
9
|
border-radius: $gantt-header-border-radius;
|
|
8
10
|
}
|
|
9
11
|
|
|
12
|
+
.e-gantt-splitter-height {
|
|
13
|
+
height: $gantt-splitter-height;
|
|
14
|
+
}
|
|
15
|
+
|
|
10
16
|
.e-cloneproperties.e-draganddrop {
|
|
11
17
|
box-shadow: $gantt-clone-prop-box-shadow;
|
|
12
18
|
opacity: .95;
|
|
@@ -136,6 +142,7 @@
|
|
|
136
142
|
|
|
137
143
|
.e-grid td.e-active {
|
|
138
144
|
background: $gantt-active-background;
|
|
145
|
+
opacity: $gantt-active-color-opacity;
|
|
139
146
|
}
|
|
140
147
|
}
|
|
141
148
|
|
|
@@ -644,7 +651,7 @@
|
|
|
644
651
|
}
|
|
645
652
|
|
|
646
653
|
.e-grid .e-icons:not(.e-stop):not(.e-check):not(.e-icon-left):not(.e-date-icon) {
|
|
647
|
-
color: $gantt-
|
|
654
|
+
color: $gantt-context-menu-icon-color !important; // sass-lint:disable-line no-important
|
|
648
655
|
}
|
|
649
656
|
|
|
650
657
|
}
|
|
@@ -738,6 +738,10 @@
|
|
|
738
738
|
user-select: none;
|
|
739
739
|
}
|
|
740
740
|
|
|
741
|
+
.e-gantt .e-gantt-chart .e-chart-rows-container {
|
|
742
|
+
line-height: initial;
|
|
743
|
+
}
|
|
744
|
+
|
|
741
745
|
.e-gantt .e-gantt-chart .e-taskbar-left-resizer,
|
|
742
746
|
.e-gantt .e-gantt-chart .e-taskbar-right-resizer {
|
|
743
747
|
display: inline-block;
|
|
@@ -1183,6 +1187,14 @@
|
|
|
1183
1187
|
opacity: 1;
|
|
1184
1188
|
}
|
|
1185
1189
|
|
|
1190
|
+
.e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
|
|
1191
|
+
content: '';
|
|
1192
|
+
}
|
|
1193
|
+
|
|
1194
|
+
.e-bigger .e-gantt .e-gantt-chart .e-label {
|
|
1195
|
+
font-size: 14px;
|
|
1196
|
+
}
|
|
1197
|
+
|
|
1186
1198
|
.e-gantt-tooltip-label {
|
|
1187
1199
|
padding-bottom: 2px;
|
|
1188
1200
|
padding-right: 2px;
|
|
@@ -1272,6 +1284,10 @@
|
|
|
1272
1284
|
border-radius: 4px;
|
|
1273
1285
|
}
|
|
1274
1286
|
|
|
1287
|
+
.e-gantt .e-gantt-splitter-height {
|
|
1288
|
+
height: calc(100% - 41px) !important;
|
|
1289
|
+
}
|
|
1290
|
+
|
|
1275
1291
|
.e-gantt .e-cloneproperties.e-draganddrop {
|
|
1276
1292
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
|
|
1277
1293
|
opacity: .95;
|
|
@@ -1381,6 +1397,7 @@
|
|
|
1381
1397
|
|
|
1382
1398
|
.e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active {
|
|
1383
1399
|
background: #484848;
|
|
1400
|
+
opacity: 1;
|
|
1384
1401
|
}
|
|
1385
1402
|
|
|
1386
1403
|
.e-gantt .e-gantt-chart .e-timeline-header-container {
|
|
@@ -888,6 +888,10 @@
|
|
|
888
888
|
user-select: none;
|
|
889
889
|
}
|
|
890
890
|
|
|
891
|
+
.e-gantt .e-gantt-chart .e-chart-rows-container {
|
|
892
|
+
line-height: initial;
|
|
893
|
+
}
|
|
894
|
+
|
|
891
895
|
.e-gantt .e-gantt-chart .e-taskbar-left-resizer,
|
|
892
896
|
.e-gantt .e-gantt-chart .e-taskbar-right-resizer {
|
|
893
897
|
display: inline-block;
|
|
@@ -1333,6 +1337,14 @@
|
|
|
1333
1337
|
opacity: 1;
|
|
1334
1338
|
}
|
|
1335
1339
|
|
|
1340
|
+
.e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
|
|
1341
|
+
content: '';
|
|
1342
|
+
}
|
|
1343
|
+
|
|
1344
|
+
.e-bigger .e-gantt .e-gantt-chart .e-label {
|
|
1345
|
+
font-size: 14px;
|
|
1346
|
+
}
|
|
1347
|
+
|
|
1336
1348
|
.e-gantt-tooltip-label {
|
|
1337
1349
|
padding-bottom: 2px;
|
|
1338
1350
|
padding-right: 2px;
|
|
@@ -1422,6 +1434,10 @@
|
|
|
1422
1434
|
border-radius: 4px;
|
|
1423
1435
|
}
|
|
1424
1436
|
|
|
1437
|
+
.e-gantt .e-gantt-splitter-height {
|
|
1438
|
+
height: calc(100% - 41px) !important;
|
|
1439
|
+
}
|
|
1440
|
+
|
|
1425
1441
|
.e-gantt .e-cloneproperties.e-draganddrop {
|
|
1426
1442
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
|
1427
1443
|
opacity: .95;
|
|
@@ -1531,6 +1547,7 @@
|
|
|
1531
1547
|
|
|
1532
1548
|
.e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active {
|
|
1533
1549
|
background: #c6ddf0;
|
|
1550
|
+
opacity: 1;
|
|
1534
1551
|
}
|
|
1535
1552
|
|
|
1536
1553
|
.e-gantt .e-gantt-chart .e-timeline-header-container {
|
|
@@ -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,
|
|
@@ -1100,6 +1105,10 @@
|
|
|
1100
1105
|
user-select: none;
|
|
1101
1106
|
}
|
|
1102
1107
|
|
|
1108
|
+
.e-gantt .e-gantt-chart .e-chart-rows-container {
|
|
1109
|
+
line-height: initial;
|
|
1110
|
+
}
|
|
1111
|
+
|
|
1103
1112
|
.e-gantt .e-gantt-chart .e-taskbar-left-resizer,
|
|
1104
1113
|
.e-gantt .e-gantt-chart .e-taskbar-right-resizer {
|
|
1105
1114
|
display: inline-block;
|
|
@@ -1545,6 +1554,14 @@
|
|
|
1545
1554
|
opacity: 1;
|
|
1546
1555
|
}
|
|
1547
1556
|
|
|
1557
|
+
.e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
|
|
1558
|
+
content: '';
|
|
1559
|
+
}
|
|
1560
|
+
|
|
1561
|
+
.e-bigger .e-gantt .e-gantt-chart .e-label {
|
|
1562
|
+
font-size: 16px;
|
|
1563
|
+
}
|
|
1564
|
+
|
|
1548
1565
|
.e-gantt-tooltip-label {
|
|
1549
1566
|
padding-bottom: 2px;
|
|
1550
1567
|
padding-right: 2px;
|
|
@@ -1634,6 +1651,10 @@
|
|
|
1634
1651
|
border-radius: 0px;
|
|
1635
1652
|
}
|
|
1636
1653
|
|
|
1654
|
+
.e-gantt .e-gantt-splitter-height {
|
|
1655
|
+
height: calc(100% - 38px) !important;
|
|
1656
|
+
}
|
|
1657
|
+
|
|
1637
1658
|
.e-gantt .e-cloneproperties.e-draganddrop {
|
|
1638
1659
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
|
1639
1660
|
opacity: .95;
|
|
@@ -1743,6 +1764,7 @@
|
|
|
1743
1764
|
|
|
1744
1765
|
.e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active {
|
|
1745
1766
|
background: rgba(0, 123, 255, 0.16);
|
|
1767
|
+
opacity: 1;
|
|
1746
1768
|
}
|
|
1747
1769
|
|
|
1748
1770
|
.e-gantt .e-gantt-chart .e-timeline-header-container {
|