@syncfusion/ej2-vue-gantt 26.1.42 → 26.2.4

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 (44) hide show
  1. package/dist/ej2-vue-gantt.umd.min.js +2 -2
  2. package/dist/ej2-vue-gantt.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-vue-gantt.es2015.js +2 -8
  4. package/dist/es6/ej2-vue-gantt.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-gantt.es5.js +2 -8
  6. package/dist/es6/ej2-vue-gantt.es5.js.map +1 -1
  7. package/package.json +8 -8
  8. package/src/gantt/gantt.component.js +2 -8
  9. package/styles/bootstrap-dark.css +1 -2188
  10. package/styles/bootstrap.css +1 -2318
  11. package/styles/bootstrap4.css +1 -2531
  12. package/styles/bootstrap5-dark.css +1 -2213
  13. package/styles/bootstrap5.css +1 -2213
  14. package/styles/fabric-dark.css +1 -2133
  15. package/styles/fabric.css +1 -2121
  16. package/styles/fluent-dark.css +1 -2209
  17. package/styles/fluent.css +1 -2209
  18. package/styles/fluent2.css +1 -3450
  19. package/styles/gantt/bootstrap-dark.css +1 -2188
  20. package/styles/gantt/bootstrap.css +1 -2318
  21. package/styles/gantt/bootstrap4.css +1 -2531
  22. package/styles/gantt/bootstrap5-dark.css +1 -2213
  23. package/styles/gantt/bootstrap5.css +1 -2213
  24. package/styles/gantt/fabric-dark.css +1 -2133
  25. package/styles/gantt/fabric.css +1 -2121
  26. package/styles/gantt/fluent-dark.css +1 -2209
  27. package/styles/gantt/fluent.css +1 -2209
  28. package/styles/gantt/fluent2.css +1 -3450
  29. package/styles/gantt/highcontrast-light.css +1 -2092
  30. package/styles/gantt/highcontrast.css +1 -2219
  31. package/styles/gantt/material-dark.css +1 -2240
  32. package/styles/gantt/material.css +1 -2292
  33. package/styles/gantt/material3-dark.css +1 -2367
  34. package/styles/gantt/material3.css +1 -2479
  35. package/styles/gantt/tailwind-dark.css +1 -2218
  36. package/styles/gantt/tailwind.css +1 -2218
  37. package/styles/highcontrast-light.css +1 -2092
  38. package/styles/highcontrast.css +1 -2219
  39. package/styles/material-dark.css +1 -2240
  40. package/styles/material.css +1 -2292
  41. package/styles/material3-dark.css +1 -2367
  42. package/styles/material3.css +1 -2479
  43. package/styles/tailwind-dark.css +1 -2218
  44. package/styles/tailwind.css +1 -2218
@@ -1,2367 +1 @@
1
- :root {
2
- --color-sf-black: 0, 0, 0;
3
- --color-sf-white: 255, 255, 255;
4
- --color-sf-primary: 208, 188, 255;
5
- --color-sf-primary-container: 79, 55, 139;
6
- --color-sf-secondary: 204, 194, 220;
7
- --color-sf-secondary-container: 74, 68, 88;
8
- --color-sf-tertiary: 239, 184, 200;
9
- --color-sf-tertiary-container: 99, 59, 72;
10
- --color-sf-surface: 28, 27, 31;
11
- --color-sf-surface-variant: 73, 69, 79;
12
- --color-sf-background: var(--color-sf-surface);
13
- --color-sf-on-primary: 55, 30, 115;
14
- --color-sf-on-primary-container: 234, 221, 255;
15
- --color-sf-on-secondary: 51, 45, 65;
16
- --color-sf-on-secondary-container: 232, 222, 248;
17
- --color-sf-on-tertiary: 73, 37, 50;
18
- --color-sf-on-tertiary-containe: 255, 216, 228;
19
- --color-sf-on-surface: 230, 225, 229;
20
- --color-sf-on-surface-variant: 202, 196, 208;
21
- --color-sf-on-background: 230, 225, 229;
22
- --color-sf-outline: 147, 143, 153;
23
- --color-sf-outline-variant: 68, 71, 70;
24
- --color-sf-shadow: 0, 0, 0;
25
- --color-sf-surface-tint-color: 208, 188, 255;
26
- --color-sf-inverse-surface: 230, 225, 229;
27
- --color-sf-inverse-on-surface: 49, 48, 51;
28
- --color-sf-inverse-primary: 103, 80, 164;
29
- --color-sf-scrim: 0, 0, 0;
30
- --color-sf-error: 242, 184, 181;
31
- --color-sf-error-container: 140, 29, 24;
32
- --color-sf-on-error: 96, 20, 16;
33
- --color-sf-on-error-container: 249, 222, 220;
34
- --color-sf-success: 83, 202, 23;
35
- --color-sf-success-container: 22, 62, 2;
36
- --color-sf-on-success: 13, 39, 0;
37
- --color-sf-on-success-container: 183, 250, 150;
38
- --color-sf-info: 71, 172, 251;
39
- --color-sf-info-container: 0, 67, 120;
40
- --color-sf-on-info: 0, 51, 91;
41
- --color-sf-on-info-container: 173, 219, 255;
42
- --color-sf-warning: 245, 180, 130;
43
- --color-sf-warning-container: 123, 65, 0;
44
- --color-sf-on-warning: 99, 52, 0;
45
- --color-sf-on-warning-container: 255, 220, 193;
46
- --color-sf-spreadsheet-gridline: 231, 224, 236;
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
48
- --color-sf-success-text: 0, 0, 0;
49
- --color-sf-warning-text: 0, 0, 0;
50
- --color-sf-info-text: 0, 0, 0;
51
- --color-sf-danger-text: 0, 0, 0;
52
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
53
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
54
- }
55
-
56
- :root {
57
- --color-sf-black: 0, 0, 0;
58
- --color-sf-white: 255, 255, 255;
59
- --color-sf-primary: 208, 188, 255;
60
- --color-sf-primary-container: 79, 55, 139;
61
- --color-sf-secondary: 204, 194, 220;
62
- --color-sf-secondary-container: 74, 68, 88;
63
- --color-sf-tertiary: 239, 184, 200;
64
- --color-sf-tertiary-container: 99, 59, 72;
65
- --color-sf-surface: 28, 27, 31;
66
- --color-sf-surface-variant: 73, 69, 79;
67
- --color-sf-background: var(--color-sf-surface);
68
- --color-sf-on-primary: 55, 30, 115;
69
- --color-sf-on-primary-container: 234, 221, 255;
70
- --color-sf-on-secondary: 51, 45, 65;
71
- --color-sf-on-secondary-container: 232, 222, 248;
72
- --color-sf-on-tertiary: 73, 37, 50;
73
- --color-sf-on-tertiary-containe: 255, 216, 228;
74
- --color-sf-on-surface: 230, 225, 229;
75
- --color-sf-on-surface-variant: 202, 196, 208;
76
- --color-sf-on-background: 230, 225, 229;
77
- --color-sf-outline: 147, 143, 153;
78
- --color-sf-outline-variant: 68, 71, 70;
79
- --color-sf-shadow: 0, 0, 0;
80
- --color-sf-surface-tint-color: 208, 188, 255;
81
- --color-sf-inverse-surface: 230, 225, 229;
82
- --color-sf-inverse-on-surface: 49, 48, 51;
83
- --color-sf-inverse-primary: 103, 80, 164;
84
- --color-sf-scrim: 0, 0, 0;
85
- --color-sf-error: 242, 184, 181;
86
- --color-sf-error-container: 140, 29, 24;
87
- --color-sf-on-error: 96, 20, 16;
88
- --color-sf-on-error-container: 249, 222, 220;
89
- --color-sf-success: 83, 202, 23;
90
- --color-sf-success-container: 22, 62, 2;
91
- --color-sf-on-success: 13, 39, 0;
92
- --color-sf-on-success-container: 183, 250, 150;
93
- --color-sf-info: 71, 172, 251;
94
- --color-sf-info-container: 0, 67, 120;
95
- --color-sf-on-info: 0, 51, 91;
96
- --color-sf-on-info-container: 173, 219, 255;
97
- --color-sf-warning: 245, 180, 130;
98
- --color-sf-warning-container: 123, 65, 0;
99
- --color-sf-on-warning: 99, 52, 0;
100
- --color-sf-on-warning-container: 255, 220, 193;
101
- --color-sf-spreadsheet-gridline: 231, 224, 236;
102
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
103
- --color-sf-success-text: 0, 0, 0;
104
- --color-sf-warning-text: 0, 0, 0;
105
- --color-sf-info-text: 0, 0, 0;
106
- --color-sf-danger-text: 0, 0, 0;
107
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
108
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
109
- }
110
-
111
- .e-ddl.e-control-wrapper .e-ddl-icon::before {
112
- -webkit-transform: rotate(0deg);
113
- transform: rotate(0deg);
114
- -webkit-transition: -webkit-transform 300ms ease;
115
- transition: -webkit-transform 300ms ease;
116
- transition: transform 300ms ease;
117
- transition: transform 300ms ease, -webkit-transform 300ms ease;
118
- }
119
-
120
- .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
121
- -webkit-transform: rotate(180deg);
122
- transform: rotate(180deg);
123
- -webkit-transition: -webkit-transform 300ms ease;
124
- transition: -webkit-transform 300ms ease;
125
- transition: transform 300ms ease;
126
- transition: transform 300ms ease, -webkit-transform 300ms ease;
127
- }
128
-
129
- .e-dropdownbase .e-list-item.e-active.e-hover {
130
- color: rgba(var(--color-sf-on-surface));
131
- }
132
-
133
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
134
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
135
- .e-input-group:not(.e-disabled) .e-back-icon:active,
136
- .e-input-group:not(.e-disabled) .e-back-icon:hover,
137
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
138
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
139
- background: rgba(var(--color-sf-on-surface), 0.08);
140
- }
141
-
142
- .e-input-group .e-ddl-icon:not(:active)::after {
143
- -webkit-animation: none;
144
- animation: none;
145
- }
146
-
147
- .e-ddl.e-popup {
148
- border: 0;
149
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
150
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
151
- margin-top: 2px;
152
- }
153
-
154
- .e-popup.e-ddl .e-dropdownbase {
155
- min-height: 26px;
156
- border-radius: 4px;
157
- }
158
-
159
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
160
- border-color: rgba(var(--color-sf-primary));
161
- }
162
-
163
- .e-bigger .e-popup.e-ddl-device-filter {
164
- margin-top: 0;
165
- }
166
-
167
- .e-bigger .e-ddl-device .e-input-group,
168
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
169
- background: rgba(0, 0, 0, 0.0001);
170
- border-width: 0;
171
- -webkit-box-shadow: none;
172
- box-shadow: none;
173
- margin-bottom: 0;
174
- }
175
-
176
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
177
- .e-bigger .e-ddl-device .e-input-group input.e-input,
178
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
179
- background: rgba(0, 0, 0, 0.0001);
180
- }
181
-
182
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
183
- margin: 0 6px;
184
- min-height: 30px;
185
- min-width: 30px;
186
- }
187
-
188
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
189
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
190
- min-height: 38px;
191
- min-width: 38px;
192
- }
193
-
194
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
195
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
196
- min-height: 22px;
197
- min-width: 22px;
198
- }
199
-
200
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
201
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
202
- padding: 4px 16px 4px 0;
203
- }
204
-
205
- .e-input-group.e-ddl,
206
- .e-input-group.e-ddl .e-input,
207
- .e-input-group.e-ddl .e-ddl-icon {
208
- background: transparent;
209
- }
210
-
211
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
212
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
213
- border-bottom-width: 0;
214
- }
215
-
216
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
217
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
218
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
219
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
220
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
221
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
222
- margin: 4px;
223
- }
224
-
225
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
226
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
227
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
228
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
229
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
230
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
231
- padding: 4px 5px 4px 12px;
232
- }
233
-
234
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
235
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
236
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
237
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
238
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
239
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
240
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
241
- min-height: 34px;
242
- min-width: 34px;
243
- }
244
-
245
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
246
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
247
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
248
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
249
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
250
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
251
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
252
- padding: 8px 16px;
253
- }
254
-
255
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
256
- margin: 0 4px;
257
- }
258
-
259
- .e-ddl.e-popup.e-outline .e-filter-parent {
260
- padding: 4px 8px;
261
- }
262
-
263
- /* stylelint-disable */
264
- /* stylelint-disable property-no-vendor-prefix */
265
- @-webkit-keyframes e-input-ripple {
266
- 100% {
267
- opacity: 0;
268
- -webkit-transform: scale(4);
269
- transform: scale(4);
270
- }
271
- }
272
- @keyframes e-input-ripple {
273
- 100% {
274
- opacity: 0;
275
- -webkit-transform: scale(4);
276
- transform: scale(4);
277
- }
278
- }
279
- @-webkit-keyframes slideTopUp {
280
- from {
281
- -webkit-transform: translate3d(0, 0, 0) scale(1);
282
- transform: translate3d(0, 0, 0) scale(1);
283
- }
284
- to {
285
- -webkit-transform: translate3d(0, 0, 0) scale(1);
286
- transform: translate3d(0, 0, 0) scale(1);
287
- }
288
- }
289
- @keyframes slideTopUp {
290
- from {
291
- -webkit-transform: translate3d(0, 0, 0) scale(1);
292
- transform: translate3d(0, 0, 0) scale(1);
293
- }
294
- to {
295
- -webkit-transform: translate3d(0, 0, 0) scale(1);
296
- transform: translate3d(0, 0, 0) scale(1);
297
- }
298
- }
299
- /* stylelint-disable property-no-vendor-prefix */
300
- @-webkit-keyframes material-spinner-rotate {
301
- 0% {
302
- -webkit-transform: rotate(0deg);
303
- transform: rotate(0deg);
304
- }
305
- 100% {
306
- -webkit-transform: rotate(360deg);
307
- transform: rotate(360deg);
308
- }
309
- }
310
- @keyframes material-spinner-rotate {
311
- 0% {
312
- -webkit-transform: rotate(0deg);
313
- transform: rotate(0deg);
314
- }
315
- 100% {
316
- -webkit-transform: rotate(360deg);
317
- transform: rotate(360deg);
318
- }
319
- }
320
- @-webkit-keyframes fabric-spinner-rotate {
321
- 0% {
322
- -webkit-transform: rotate(0deg);
323
- transform: rotate(0deg);
324
- }
325
- 100% {
326
- -webkit-transform: rotate(360deg);
327
- transform: rotate(360deg);
328
- }
329
- }
330
- @keyframes fabric-spinner-rotate {
331
- 0% {
332
- -webkit-transform: rotate(0deg);
333
- transform: rotate(0deg);
334
- }
335
- 100% {
336
- -webkit-transform: rotate(360deg);
337
- transform: rotate(360deg);
338
- }
339
- }
340
- /* stylelint-disable */
341
- .e-gantt .e-add::before,
342
- .e-gantt-menu .e-add::before {
343
- content: "\e805";
344
- }
345
- .e-gantt .e-critical-path::before,
346
- .e-gantt-menu .e-critical-path::before {
347
- content: "\e88c";
348
- }
349
- .e-gantt .e-edit::before,
350
- .e-gantt-menu .e-edit::before {
351
- content: "\e730";
352
- }
353
- .e-gantt .e-delete::before,
354
- .e-gantt-menu .e-delete::before {
355
- content: "\e820";
356
- }
357
- .e-gantt .e-cancel-icon::before,
358
- .e-gantt .e-toolbar-item .e-cancel::before,
359
- .e-gantt-menu .e-cancel-icon::before,
360
- .e-gantt-menu .e-toolbar-item .e-cancel::before {
361
- content: "\e7e7";
362
- }
363
- .e-gantt .e-update::before,
364
- .e-gantt .e-save::before,
365
- .e-gantt-menu .e-update::before,
366
- .e-gantt-menu .e-save::before {
367
- content: "\e7c8";
368
- }
369
- .e-gantt .e-search-icon::before,
370
- .e-gantt-menu .e-search-icon::before {
371
- content: "\e754";
372
- }
373
- .e-gantt .e-notes-info::before,
374
- .e-gantt-menu .e-notes-info::before {
375
- content: "\e72d";
376
- }
377
- .e-gantt .e-left-resize-gripper::before,
378
- .e-gantt .e-right-resize-gripper::before,
379
- .e-gantt-menu .e-left-resize-gripper::before,
380
- .e-gantt-menu .e-right-resize-gripper::before {
381
- content: "\e770";
382
- }
383
- .e-gantt .e-expandall::before,
384
- .e-gantt-menu .e-expandall::before {
385
- content: "\e7c9";
386
- }
387
- .e-gantt .e-collapseall::before,
388
- .e-gantt-menu .e-collapseall::before {
389
- content: "\e80f";
390
- }
391
- .e-gantt .e-gantt-tooltip-arrow-left::before,
392
- .e-gantt .e-prevtimespan::before,
393
- .e-gantt-menu .e-gantt-tooltip-arrow-left::before,
394
- .e-gantt-menu .e-prevtimespan::before {
395
- content: "\e773";
396
- }
397
- .e-gantt .e-gantt-tooltip-arrow-right::before,
398
- .e-gantt .e-nexttimespan::before,
399
- .e-gantt-menu .e-gantt-tooltip-arrow-right::before,
400
- .e-gantt-menu .e-nexttimespan::before {
401
- content: "\e7f9";
402
- }
403
- .e-gantt .e-zoomin::before,
404
- .e-gantt-menu .e-zoomin::before {
405
- content: "\e795";
406
- }
407
- .e-gantt .e-zoomout::before,
408
- .e-gantt-menu .e-zoomout::before {
409
- content: "\e825";
410
- }
411
- .e-gantt .e-zoomtofit::before,
412
- .e-gantt-menu .e-zoomtofit::before {
413
- content: "\e838";
414
- }
415
- .e-gantt .e-csvexport::before,
416
- .e-gantt-menu .e-csvexport::before {
417
- content: "\e7ba";
418
- }
419
- .e-gantt .e-excelexport::before,
420
- .e-gantt-menu .e-excelexport::before {
421
- content: "\e7c1";
422
- }
423
- .e-gantt .e-pdfexport::before,
424
- .e-gantt-menu .e-pdfexport::before {
425
- content: "\e700";
426
- }
427
- .e-gantt .e-indent::before,
428
- .e-gantt-menu .e-indent::before {
429
- content: "\e810";
430
- }
431
- .e-gantt .e-outdent::before,
432
- .e-gantt-menu .e-outdent::before {
433
- content: "\e72a";
434
- }
435
- .e-gantt .e-add-above::before,
436
- .e-gantt-menu .e-add-above::before {
437
- content: "\e836";
438
- }
439
- .e-gantt .e-add-below::before,
440
- .e-gantt-menu .e-add-below::before {
441
- content: "\e801";
442
- }
443
-
444
- .e-gantt.e-device .e-backarrowspan::before,
445
- .e-gantt.e-device .e-icon-dlg-close::before {
446
- content: "\e773";
447
- }
448
- .e-gantt.e-device .e-left-resize-gripper::before,
449
- .e-gantt.e-device .e-right-resize-gripper::before {
450
- content: "\e770";
451
- }
452
-
453
- .e-icon-rowselect::before {
454
- content: "\e7d4";
455
- }
456
-
457
- .e-bigger .e-gantt .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
458
- font-size: 18px;
459
- }
460
- .e-bigger .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
461
- .e-bigger .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
462
- display: inline-block;
463
- position: absolute;
464
- top: 0;
465
- width: 25px;
466
- z-index: 4;
467
- }
468
- .e-bigger .e-gantt .e-gantt-chart .e-left-resize-gripper,
469
- .e-bigger .e-gantt .e-gantt-chart .e-right-resize-gripper {
470
- -webkit-box-align: center;
471
- -ms-flex-align: center;
472
- align-items: center;
473
- cursor: ew-resize;
474
- display: -webkit-inline-box;
475
- display: -ms-inline-flexbox;
476
- display: inline-flex;
477
- }
478
- .e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
479
- height: 64px;
480
- }
481
- .e-bigger .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
482
- height: 32px;
483
- }
484
- .e-bigger .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
485
- height: 64px;
486
- }
487
- .e-bigger .e-gantt .e-gantt-chart .e-event-markers .e-span-label {
488
- border-radius: 4px !important;
489
- font-size: 12px !important;
490
- height: 26px !important;
491
- padding: 4px 11px 4px 9px !important;
492
- top: 65px !important;
493
- }
494
- .e-bigger .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
495
- border-bottom: 6px solid transparent;
496
- border-right: 6px solid transparent;
497
- border-right-color: rgba(var(--color-sf-warning-container));
498
- border-top: 6px solid transparent;
499
- top: 73px !important;
500
- }
501
- .e-bigger .e-gantt .e-gantt-chart .e-left-resize-gripper::before,
502
- .e-bigger .e-gantt .e-gantt-chart .e-right-resize-gripper::before {
503
- content: "\e888";
504
- }
505
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-right,
506
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-left,
507
- .e-bigger .e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
508
- .e-bigger .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
509
- border-radius: 50%;
510
- display: inline-block;
511
- position: absolute;
512
- }
513
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-left-hover,
514
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-right-hover {
515
- border-style: solid;
516
- border-width: 1px;
517
- -webkit-box-sizing: content-box;
518
- box-sizing: content-box;
519
- cursor: pointer;
520
- display: inline-block;
521
- }
522
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-left-hover,
523
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-right-hover {
524
- background-color: rgba(var(--color-sf-on-surface-variant));
525
- border-color: rgba(var(--color-sf-surface));
526
- position: relative;
527
- }
528
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-left-hover:hover,
529
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-right-hover:hover {
530
- background-color: rgba(var(--color-sf-on-surface-variant));
531
- border-color: rgba(var(--color-sf-surface));
532
- outline: 2px solid rgba(var(--color-sf-surface));
533
- }
534
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-left-hover::after,
535
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-right-hover::after {
536
- content: "";
537
- position: absolute;
538
- width: 30px;
539
- height: 40px;
540
- top: -10px;
541
- }
542
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-allow-block {
543
- cursor: no-drop;
544
- }
545
- .e-bigger .e-gantt .e-tab .e-content {
546
- height: 250px !important;
547
- }
548
- .e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
549
- height: 63px !important; /* stylelint-disable-line declaration-no-important */
550
- }
551
- .e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header {
552
- padding-left: 12px;
553
- }
554
- .e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
555
- display: block;
556
- border-top-left-radius: 4px;
557
- border-top-right-radius: 4px;
558
- }
559
- .e-bigger .e-gantt .e-dialog .e-dlg-header-content {
560
- padding: 20px !important; /* stylelint-disable-line declaration-no-important */
561
- }
562
- .e-bigger .e-gantt .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
563
- left: -11px;
564
- top: 3px;
565
- }
566
- .e-bigger .e-gantt .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
567
- font-size: 20px !important;
568
- width: 20px !important;
569
- }
570
- .e-bigger .e-gantt .e-dialog .e-footer-content {
571
- height: 70px !important;
572
- padding: 16px !important;
573
- }
574
- .e-bigger .e-gantt .e-dialog .e-footer-content .e-btn {
575
- margin-left: 12px;
576
- }
577
- .e-bigger .e-gantt .e-dialog .e-dlg-header:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-header) {
578
- line-height: 28px;
579
- }
580
- .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
581
- padding: 16px 0 0 !important;
582
- }
583
- .e-bigger .e-gantt .e-filter-popup .e-dlg-content {
584
- border-radius: 6px !important;
585
- padding: 32px 16px 16px !important;
586
- }
587
- .e-bigger .e-gantt .e-grid .e-columnmenu {
588
- top: 35px;
589
- }
590
- .e-bigger .e-gantt-dialog .e-dialog {
591
- border-radius: 6px;
592
- width: 556px !important;
593
- }
594
- .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
595
- padding: 0 16px !important; /* stylelint-disable-line declaration-no-important */
596
- }
597
- .e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
598
- padding: 16px 12px 0 16px;
599
- }
600
- .e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(even) {
601
- padding: 16px 16px 0 12px;
602
- }
603
- .e-bigger .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
604
- padding: 16px 18px 0 9px;
605
- }
606
- .e-bigger .e-gantt-dialog .e-edit-form-row {
607
- height: 250px !important;
608
- }
609
- .e-bigger .e-gantt-dialog .e-edit-form-column {
610
- height: 78px !important;
611
- }
612
- .e-bigger .e-gantt-dialog .e-dlg-header-content {
613
- border-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
614
- }
615
- .e-bigger .e-gantt-dialog > .e-dlg-content {
616
- border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
617
- }
618
- .e-bigger .e-gantt-dialog .e-dlg-header-content {
619
- border-radius: 16px 16px 0px 0px;
620
- padding-bottom: 12px;
621
- }
622
- .e-bigger .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-closeicon-btn) {
623
- border-radius: 50%;
624
- height: auto !important;
625
- width: auto;
626
- line-height: 0px;
627
- padding: 0 !important; /* stylelint-disable-line declaration-no-important */
628
- }
629
- .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
630
- margin-left: 5px !important;
631
- }
632
- .e-bigger .e-gantt-dialog .e-control-wrapper .e-input-group-icon.e-date-icon {
633
- font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
634
- }
635
- .e-bigger .e-gantt-dialog .e-control-wrapper .e-input-group-icon.e-date-icon {
636
- min-height: 36px !important;
637
- min-width: 35.82px !important; /* stylelint-disable-line declaration-no-important */
638
- }
639
- .e-bigger .e-gantt-dialog .e-btn.e-flat {
640
- line-height: 24px;
641
- padding: 6px 16px 6px 15px !important; /* stylelint-disable-line declaration-no-important */
642
- }
643
- .e-bigger .e-gantt-dialog .e-btn.e-primary {
644
- padding: 6px 21px 6px 23px !important; /* stylelint-disable-line declaration-no-important */
645
- }
646
- .e-bigger .e-gantt-dialog .e-datetime-wrapper .e-time-icon.e-icons::before {
647
- font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
648
- }
649
- .e-bigger .e-gantt-dialog .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text {
650
- font-size: 14px;
651
- line-height: 22px;
652
- }
653
- .e-bigger .e-gantt-dialog .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text {
654
- font-size: 14px;
655
- line-height: 22px;
656
- }
657
- .e-bigger .e-gantt-dialog .e-float-input.e-control-wrapper input {
658
- height: 36px !important;
659
- }
660
- .e-bigger .e-gantt-dialog .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
661
- min-height: 36px !important;
662
- min-width: 35.82px !important; /* stylelint-disable-line declaration-no-important */
663
- }
664
- .e-bigger .e-gantt-dialog .e-control-wrapper .e-input-group-icon.e-time-icon {
665
- min-height: 36px !important;
666
- min-width: 35.82px !important; /* stylelint-disable-line declaration-no-important */
667
- }
668
- .e-bigger .e-gantt-dialog .e-input-group.e-control-wrapper {
669
- height: 38px;
670
- }
671
- .e-bigger .e-gantt-dialog .e-input-group-icon.e-date-icon {
672
- min-width: 36px !important; /* stylelint-disable-line declaration-no-important */
673
- }
674
- .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog {
675
- position: absolute !important; /* stylelint-disable-line declaration-no-important */
676
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
677
- }
678
- .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog .e-dlg-header-content {
679
- padding: 16px !important; /* stylelint-disable-line declaration-no-important */
680
- }
681
- .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog td {
682
- width: 100% !important; /* stylelint-disable-line declaration-no-important */
683
- }
684
- .e-bigger .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
685
- border-top: 8px solid rgba(var(--color-sf-inverse-surface));
686
- }
687
- .e-bigger .e-predecessor-tooltip .e-arrow-tip-inner.e-tip-bottom {
688
- color: rgba(var(--color-sf-inverse-surface));
689
- }
690
- .e-bigger .e-predecessor-tooltip .e-left-btn:disabled {
691
- color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface)) !important;
692
- }
693
- .e-bigger .e-predecessor-tooltip .e-right-btn:disabled {
694
- color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface)) !important;
695
- }
696
- .e-bigger .e-predecessor-tooltip .e-tip-content {
697
- padding: 3px !important; /* stylelint-disable-line declaration-no-important */
698
- }
699
- .e-bigger .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
700
- background-color: rgba(var(--color-sf-inverse-surface));
701
- border-color: rgba(var(--color-sf-inverse-surface));
702
- color: #f9fafb;
703
- font-size: 12px;
704
- line-height: 18px;
705
- padding: 0 8px 0 0;
706
- }
707
- .e-bigger .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
708
- background-color: rgba(var(--color-sf-inverse-surface));
709
- border-color: rgba(var(--color-sf-inverse-surface));
710
- color: #f9fafb;
711
- font-size: 12px;
712
- line-height: 18px;
713
- padding: 0 0 0 8px;
714
- }
715
- .e-bigger .e-predecessor-dialog {
716
- background-color: rgba(var(--color-sf-inverse-surface));
717
- }
718
- .e-bigger .e-predecessor-dialog .e-dlg-content {
719
- background-color: rgba(var(--color-sf-inverse-surface));
720
- padding: 10px 9px 9px 14px !important;
721
- font-size: 12px;
722
- font-weight: 400;
723
- line-height: 1.8;
724
- color: rgba(var(--color-sf-inverse-on-surface));
725
- }
726
- .e-bigger .e-predecessor-dialog .e-touch-predecessor-dialog {
727
- display: -webkit-box;
728
- display: -ms-flexbox;
729
- display: flex;
730
- -webkit-box-pack: justify;
731
- -ms-flex-pack: justify;
732
- justify-content: space-between;
733
- -webkit-box-align: center;
734
- -ms-flex-align: center;
735
- align-items: center;
736
- }
737
-
738
- .e-blazor-gantt-tooltip .e-tip-content {
739
- overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
740
- white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
741
- word-break: unset !important; /* stylelint-disable-line declaration-no-important */
742
- }
743
-
744
- .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
745
- font-size: 16px;
746
- }
747
-
748
- .e-gantt-tooltip .e-tip-content {
749
- text-align: left !important; /* stylelint-disable-line declaration-no-important */
750
- }
751
-
752
- .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
753
- border-left: none !important; /* stylelint-disable-line declaration-no-important */
754
- border-right-color: rgba(var(--color-sf-primary));
755
- }
756
- .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
757
- border-right: none !important; /* stylelint-disable-line declaration-no-important */
758
- border-left-color: rgba(var(--color-sf-primary));
759
- }
760
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
761
- border-right: none !important; /* stylelint-disable-line declaration-no-important */
762
- border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
763
- border-left-color: rgba(var(--color-sf-outline-variant)) !important; /* stylelint-disable-line declaration-no-important */
764
- }
765
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
766
- padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
767
- padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
768
- text-align: right !important; /* stylelint-disable-line declaration-no-important */
769
- }
770
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
771
- right: 0 !important; /* stylelint-disable-line declaration-no-important */
772
- }
773
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
774
- right: 1px !important; /* stylelint-disable-line declaration-no-important */
775
- }
776
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
777
- margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
778
- }
779
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
780
- border-left: 5px solid;
781
- border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
782
- }
783
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
784
- -webkit-transform: rotate(90deg) !important;
785
- transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
786
- }
787
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
788
- padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
789
- padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
790
- }
791
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
792
- margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
793
- margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
794
- }
795
-
796
- .e-gantt-rtl .e-gantt-tooltip-label {
797
- text-align: right !important; /* stylelint-disable-line declaration-no-important */
798
- }
799
- .e-gantt-rtl .e-tip-content {
800
- text-align: right !important; /* stylelint-disable-line declaration-no-important */
801
- }
802
-
803
- .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
804
- padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
805
- }
806
-
807
- .e-gantt {
808
- display: block;
809
- width: 100%;
810
- }
811
- .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
812
- left: -5px;
813
- position: relative;
814
- }
815
- .e-gantt .e-cloneproperties {
816
- border-style: solid;
817
- border-width: 1px;
818
- -webkit-box-shadow: 0 0;
819
- box-shadow: 0 0;
820
- font-size: 12px;
821
- font-weight: bold;
822
- opacity: 1;
823
- overflow: hidden;
824
- padding: 2px 8px 1px;
825
- text-align: center;
826
- -webkit-user-select: none;
827
- -moz-user-select: none;
828
- -ms-user-select: none;
829
- user-select: none;
830
- vertical-align: middle;
831
- white-space: nowrap;
832
- z-index: 100;
833
- }
834
- .e-gantt .e-cloneproperties .e-draganddrop {
835
- border-spacing: 0;
836
- font-size: 12px;
837
- font-weight: normal;
838
- overflow: visible;
839
- }
840
- .e-gantt .e-cloneproperties .e-bothganttlines {
841
- border-width: 1px 0 0 1px;
842
- }
843
- .e-gantt .e-draganddrop {
844
- border-width: 0 1px 1px;
845
- font-weight: normal;
846
- padding: 0;
847
- }
848
- .e-gantt .e-draganddrop .e-rowcell {
849
- opacity: 0.95;
850
- }
851
- .e-gantt .e-cloneproperties.e-draganddrop table {
852
- border-spacing: 0;
853
- }
854
- .e-gantt .e-icons.e-errorelem {
855
- display: inline-block;
856
- padding-left: 10px;
857
- vertical-align: middle;
858
- }
859
- .e-gantt .e-errorelem::before {
860
- color: rgba(var(--color-sf-error));
861
- content: "\e22a";
862
- -webkit-transform: rotate(180deg);
863
- transform: rotate(180deg);
864
- }
865
- .e-gantt .e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-gantt .e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
866
- border-bottom: 0;
867
- border-right: 1px solid rgba(var(--color-sf-outline));
868
- border-top: 1px solid rgba(var(--color-sf-outline));
869
- }
870
- .e-gantt .e-gantt-toolbar {
871
- border-bottom-left-radius: 0;
872
- border-bottom-right-radius: 0;
873
- border-style: solid;
874
- border-width: 1px 1px 0;
875
- }
876
- .e-gantt .e-flmenu-valuediv {
877
- padding-top: 16px;
878
- }
879
- .e-gantt .e-gantt-splitter .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar {
880
- margin: 0;
881
- }
882
- .e-gantt .e-gantt-splitter .e-pane {
883
- overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
884
- }
885
- .e-gantt .e-temp-content {
886
- border-left: 1px solid;
887
- }
888
- .e-gantt .e-tab {
889
- border: 0;
890
- }
891
- .e-gantt .e-tab .e-tab-header .e-toolbar-item.e-active {
892
- border-color: transparent;
893
- }
894
- .e-gantt .e-gantt-tree-grid-pane .e-grid {
895
- border-width: 0;
896
- }
897
- .e-gantt .e-gantt-tree-grid-pane .e-gantt-temp-header {
898
- border-bottom-style: solid;
899
- border-bottom-width: 1px;
900
- height: 45px;
901
- }
902
- .e-gantt .e-gantt-tree-grid-pane .e-headercontent {
903
- border-right-width: 0 !important; /* stylelint-disable-line declaration-no-important */
904
- }
905
- .e-gantt .e-gantt-tree-grid-pane .e-gridheader {
906
- border-top-style: none;
907
- border-top-width: 0;
908
- padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
909
- padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
910
- }
911
- .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
912
- .e-gantt .e-gantt-tree-grid-pane .e-headercell {
913
- height: 51px !important; /* stylelint-disable-line declaration-no-important */
914
- }
915
- .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
916
- overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
917
- }
918
- .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
919
- width: calc(100% + 17px);
920
- }
921
- .e-gantt .e-gantt-tree-grid-pane .e-ganttnotes-info {
922
- text-align: center;
923
- }
924
- .e-gantt .e-gantt-tree-grid-pane .e-icons.e-notes-info {
925
- display: inline-block;
926
- font-size: 18px;
927
- height: 15px;
928
- line-height: 10px;
929
- vertical-align: middle;
930
- }
931
- .e-gantt .e-gantt-tree-grid-pane .e-grid .e-gantt-resource-parent .e-rowdragdrop {
932
- pointer-events: none;
933
- }
934
- .e-gantt .e-gantt-chart {
935
- height: 100%;
936
- overflow: hidden;
937
- position: relative;
938
- width: 100%;
939
- }
940
- .e-gantt .e-gantt-chart .e-chart-empty-row {
941
- border: 0.5px solid;
942
- position: absolute;
943
- background-color: rgba(0, 120, 222, 0.15);
944
- border-color: rgba(0, 120, 222, 0.65) !important;
945
- }
946
- .e-gantt .e-gantt-chart .e-chart-root-container {
947
- border-right: 0 solid;
948
- }
949
- .e-gantt .e-gantt-chart .e-chart-root-container .e-content {
950
- -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
951
- overflow-x: scroll;
952
- overflow-y: auto;
953
- position: relative;
954
- }
955
- .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-droptop {
956
- border-top: 2px solid rgba(var(--color-sf-primary));
957
- border-width: 2px 0 0;
958
- }
959
- .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-dropbottom {
960
- border-bottom: 2px solid rgba(var(--color-sf-primary));
961
- -webkit-box-shadow: rgba(var(--color-sf-primary));
962
- box-shadow: rgba(var(--color-sf-primary));
963
- }
964
- .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-childborder {
965
- border-bottom: 2px solid rgba(var(--color-sf-primary));
966
- border-top: 2px solid rgba(var(--color-sf-primary));
967
- -webkit-box-shadow: rgba(var(--color-sf-primary));
968
- box-shadow: rgba(var(--color-sf-primary));
969
- }
970
- .e-gantt .e-gantt-chart .e-chart-root-container .e-nonworking-day-container {
971
- position: absolute;
972
- }
973
- .e-gantt .e-gantt-chart .e-chart-root-container .e-event-markers-container {
974
- position: absolute;
975
- }
976
- .e-gantt .e-gantt-chart .e-chart-root-container .e-holiday-container {
977
- height: 100%;
978
- position: absolute;
979
- }
980
- .e-gantt .e-gantt-chart .e-chart-root-container .e-weekend-container {
981
- height: 100%;
982
- position: absolute;
983
- }
984
- .e-gantt .e-gantt-chart .e-timeline-header-container {
985
- border-bottom-style: solid;
986
- border-right: 1px solid;
987
- overflow: hidden;
988
- position: relative;
989
- z-index: 6;
990
- }
991
- .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
992
- border-left: 0;
993
- }
994
- .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > td {
995
- border-left: 0;
996
- }
997
- .e-gantt .e-gantt-chart .e-timeline-header-table-container {
998
- border-collapse: collapse;
999
- border-spacing: 0;
1000
- border-width: 0;
1001
- -webkit-box-sizing: border-box;
1002
- box-sizing: border-box;
1003
- margin: 0;
1004
- padding: 0;
1005
- }
1006
- .e-gantt .e-gantt-chart .e-timeline-header-table-body {
1007
- border-collapse: collapse;
1008
- -webkit-box-sizing: border-box;
1009
- box-sizing: border-box;
1010
- display: inline-block;
1011
- -webkit-transform: scale(1);
1012
- transform: scale(1);
1013
- white-space: nowrap;
1014
- }
1015
- .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
1016
- display: -webkit-inline-box;
1017
- display: -ms-inline-flexbox;
1018
- display: inline-flex;
1019
- }
1020
- .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
1021
- .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
1022
- border-spacing: 0;
1023
- border-style: solid;
1024
- border-top: 0;
1025
- border-width: 1px;
1026
- -webkit-box-sizing: border-box;
1027
- box-sizing: border-box;
1028
- display: -webkit-inline-box;
1029
- display: -ms-inline-flexbox;
1030
- display: inline-flex;
1031
- font-size: 14px;
1032
- font-weight: bold;
1033
- margin: 0;
1034
- padding: 0;
1035
- position: static;
1036
- text-align: center;
1037
- -webkit-user-select: none;
1038
- -moz-user-select: none;
1039
- -ms-user-select: none;
1040
- user-select: none;
1041
- white-space: nowrap;
1042
- }
1043
- .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-header-cell-label,
1044
- .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-header-cell-label {
1045
- -webkit-box-sizing: border-box;
1046
- box-sizing: border-box;
1047
- margin: auto;
1048
- overflow: hidden;
1049
- position: static;
1050
- text-overflow: ellipsis;
1051
- white-space: nowrap;
1052
- }
1053
- .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
1054
- .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
1055
- padding-left: 11px;
1056
- text-align: left;
1057
- }
1058
- .e-gantt .e-gantt-chart .e-gantt-grid-lines {
1059
- border-bottom-style: solid;
1060
- border-bottom-width: 1px;
1061
- border-collapse: collapse;
1062
- border-spacing: 0;
1063
- -webkit-box-sizing: border-box;
1064
- box-sizing: border-box;
1065
- }
1066
- .e-gantt .e-gantt-chart .e-zero-spacing {
1067
- border-spacing: 0;
1068
- }
1069
- .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
1070
- border-top: 0;
1071
- }
1072
- .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
1073
- border-collapse: separate;
1074
- border-style: solid;
1075
- border-width: 1px 0 0;
1076
- }
1077
- .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-cell {
1078
- font-size: 0;
1079
- padding: 0;
1080
- }
1081
- .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border.e-lastrow {
1082
- border-bottom-width: 1px;
1083
- }
1084
- .e-gantt .e-gantt-chart .e-line-container-cell {
1085
- border-right-style: solid;
1086
- border-right-width: 1px;
1087
- height: 100%;
1088
- position: absolute;
1089
- }
1090
- .e-gantt .e-gantt-chart .e-taskbar-main-container {
1091
- cursor: move;
1092
- display: inline-block;
1093
- position: absolute;
1094
- vertical-align: middle;
1095
- z-index: 3;
1096
- }
1097
- .e-gantt .e-gantt-chart .e-taskbar-main-container.e-gantt-multi-taskbar:hover {
1098
- z-index: 4;
1099
- }
1100
- .e-gantt .e-gantt-chart .e-left-label-container.e-left-label-temp-container {
1101
- -webkit-box-align: center;
1102
- -ms-flex-align: center;
1103
- align-items: center;
1104
- display: -webkit-inline-box;
1105
- display: -ms-inline-flexbox;
1106
- display: inline-flex;
1107
- -webkit-box-pack: end;
1108
- -ms-flex-pack: end;
1109
- justify-content: flex-end;
1110
- overflow: hidden;
1111
- text-overflow: ellipsis;
1112
- white-space: nowrap;
1113
- }
1114
- .e-gantt .e-gantt-chart .e-right-label-container.e-right-label-temp-container {
1115
- -webkit-box-align: center;
1116
- -ms-flex-align: center;
1117
- align-items: center;
1118
- display: -webkit-inline-box;
1119
- display: -ms-inline-flexbox;
1120
- display: inline-flex;
1121
- float: left;
1122
- outline: none;
1123
- overflow: hidden;
1124
- position: absolute;
1125
- text-overflow: ellipsis;
1126
- white-space: nowrap;
1127
- }
1128
- .e-gantt .e-gantt-chart .e-left-label-container {
1129
- display: inline-block;
1130
- }
1131
- .e-gantt .e-gantt-chart .e-left-label-inner-div,
1132
- .e-gantt .e-gantt-chart .e-right-label-container {
1133
- overflow: hidden;
1134
- }
1135
- .e-gantt .e-gantt-chart .e-left-label-inner-div {
1136
- -webkit-box-align: center;
1137
- -ms-flex-align: center;
1138
- align-items: center;
1139
- display: -webkit-inline-box;
1140
- display: -ms-inline-flexbox;
1141
- display: inline-flex;
1142
- -webkit-box-pack: end;
1143
- -ms-flex-pack: end;
1144
- justify-content: flex-end;
1145
- width: 100%;
1146
- }
1147
- .e-gantt .e-gantt-chart .e-label {
1148
- margin: 3px;
1149
- overflow: hidden;
1150
- text-overflow: ellipsis;
1151
- white-space: nowrap;
1152
- }
1153
- .e-gantt .e-gantt-chart .e-right-label-container {
1154
- background-color: transparent;
1155
- display: inline-block;
1156
- margin: 0;
1157
- position: absolute;
1158
- }
1159
- .e-gantt .e-gantt-chart .e-right-label-inner-div {
1160
- -webkit-box-align: center;
1161
- -ms-flex-align: center;
1162
- align-items: center;
1163
- display: -webkit-inline-box;
1164
- display: -ms-inline-flexbox;
1165
- display: inline-flex;
1166
- float: left;
1167
- outline: none;
1168
- overflow: hidden;
1169
- }
1170
- .e-gantt .e-gantt-chart .e-indicator-span {
1171
- display: inline-block;
1172
- font-size: 13px;
1173
- font-weight: normal;
1174
- overflow: hidden;
1175
- position: absolute;
1176
- text-overflow: ellipsis;
1177
- }
1178
- .e-gantt .e-gantt-chart .e-gantt-child-taskbar,
1179
- .e-gantt .e-gantt-chart .e-gantt-parent-taskbar,
1180
- .e-gantt .e-gantt-chart .e-gantt-child-progressbar,
1181
- .e-gantt .e-gantt-chart .e-gantt-parent-progressbar,
1182
- .e-gantt .e-gantt-chart .e-gantt-milestone,
1183
- .e-gantt .e-gantt-chart .e-gantt-parent-milestone,
1184
- .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
1185
- display: inline-block;
1186
- width: 100%;
1187
- }
1188
- .e-gantt .e-gantt-chart .e-gantt-milestone {
1189
- border: 1px;
1190
- border-style: solid;
1191
- }
1192
- .e-gantt .e-gantt-chart .e-manualparent-main-container {
1193
- background-color: transparent;
1194
- cursor: move;
1195
- margin-top: -5px;
1196
- position: absolute;
1197
- }
1198
- .e-gantt .e-gantt-chart .e-gantt-manualparent-taskbar {
1199
- margin-top: 3px;
1200
- }
1201
- .e-gantt .e-gantt-chart .e-gantt-split-container-line {
1202
- border-color: rgba(var(--color-sf-outline));
1203
- border-top-style: dashed;
1204
- border-top-width: 2px;
1205
- height: 0;
1206
- left: 2px;
1207
- pointer-events: none;
1208
- position: absolute;
1209
- top: 50%;
1210
- width: 99%;
1211
- }
1212
- .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
1213
- .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1214
- border-spacing: 0;
1215
- -webkit-box-sizing: border-box;
1216
- box-sizing: border-box;
1217
- margin: auto;
1218
- overflow: hidden;
1219
- padding: 0;
1220
- z-index: 3;
1221
- }
1222
- .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
1223
- z-index: 3;
1224
- }
1225
- .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div,
1226
- .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
1227
- -webkit-box-sizing: border-box;
1228
- box-sizing: border-box;
1229
- text-align: right;
1230
- }
1231
- .e-gantt .e-gantt-chart .e-chart-scroll-container,
1232
- .e-gantt .e-gantt-chart .e-chart-rows-container {
1233
- -webkit-user-select: none;
1234
- -moz-user-select: none;
1235
- -ms-user-select: none;
1236
- user-select: none;
1237
- }
1238
- .e-gantt .e-gantt-chart .e-chart-rows-container {
1239
- line-height: initial;
1240
- }
1241
- .e-gantt .e-gantt-chart .e-masked-tbody {
1242
- table-layout: fixed;
1243
- width: 100%;
1244
- }
1245
- .e-gantt .e-gantt-chart .e-div-background {
1246
- border-color: rgb(225, 223, 221);
1247
- border-right-style: solid;
1248
- border-right-width: 1px;
1249
- height: 100%;
1250
- position: absolute;
1251
- }
1252
- .e-gantt .e-gantt-chart .e-innerHTML {
1253
- height: 16px;
1254
- width: 16px;
1255
- left: 14px;
1256
- }
1257
- .e-gantt .e-gantt-chart .e-innerHTML1 {
1258
- height: 16px;
1259
- width: 16px;
1260
- left: 30px;
1261
- }
1262
- .e-gantt .e-gantt-chart .e-innerHTML2 {
1263
- height: 16px;
1264
- width: 16px;
1265
- left: 60px;
1266
- }
1267
- .e-gantt .e-gantt-chart .e-timelineHeader {
1268
- height: 16px;
1269
- width: 82px;
1270
- left: 20px;
1271
- }
1272
- .e-gantt .e-gantt-chart .e-maskcell01 {
1273
- height: 12px;
1274
- width: 88px;
1275
- left: 14px;
1276
- border-radius: 0;
1277
- }
1278
- .e-gantt .e-gantt-chart .e-maskcell02 {
1279
- border-radius: 0;
1280
- height: 18px;
1281
- width: 410px;
1282
- }
1283
- .e-gantt .e-gantt-chart .e-maskcell03 {
1284
- height: 12px;
1285
- width: 88px;
1286
- left: 14px;
1287
- border-radius: 0;
1288
- }
1289
- .e-gantt .e-gantt-chart .e-maskcell04 {
1290
- border-radius: 0;
1291
- height: 18px;
1292
- width: 208px;
1293
- }
1294
- .e-gantt .e-gantt-chart .e-maskcell05 {
1295
- height: 12px;
1296
- width: 108px;
1297
- left: 64px;
1298
- border-radius: 0;
1299
- }
1300
- .e-gantt .e-gantt-chart .e-maskcell06 {
1301
- height: 18px;
1302
- width: 195px;
1303
- left: 192px;
1304
- border-radius: 0;
1305
- }
1306
- .e-gantt .e-gantt-chart .e-maskcell07 {
1307
- height: 18px;
1308
- width: 156px;
1309
- left: 388px;
1310
- border-radius: 0;
1311
- }
1312
- .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
1313
- .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
1314
- display: inline-block;
1315
- position: absolute;
1316
- top: 0;
1317
- width: 10px;
1318
- z-index: 4;
1319
- }
1320
- .e-gantt .e-gantt-chart .e-child-progress-resizer {
1321
- display: inline-block;
1322
- height: 15px;
1323
- position: absolute;
1324
- top: 0;
1325
- width: 20px;
1326
- z-index: 5;
1327
- }
1328
- .e-gantt .e-gantt-chart .e-progress-resize-gripper {
1329
- cursor: col-resize;
1330
- }
1331
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
1332
- border-width: 1px;
1333
- -webkit-box-sizing: content-box;
1334
- box-sizing: content-box;
1335
- cursor: col-resize;
1336
- height: 2px;
1337
- position: absolute;
1338
- top: 7px;
1339
- }
1340
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
1341
- border-bottom-style: solid;
1342
- border-bottom-width: 8px;
1343
- border-left: 7px solid transparent;
1344
- border-right: 7px solid transparent;
1345
- cursor: col-resize;
1346
- height: 0;
1347
- left: 1px;
1348
- position: absolute;
1349
- top: -7px;
1350
- width: 0;
1351
- }
1352
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
1353
- border-bottom-style: solid;
1354
- border-bottom-width: 8px;
1355
- border-left: 6px solid transparent;
1356
- border-right: 6px solid transparent;
1357
- cursor: col-resize;
1358
- height: 0;
1359
- left: 2px;
1360
- position: absolute;
1361
- top: -7px;
1362
- width: 0;
1363
- }
1364
- .e-gantt .e-gantt-chart .e-baseline-bar {
1365
- border-radius: 2px;
1366
- }
1367
- .e-gantt .e-gantt-chart .e-baseline-bar {
1368
- -webkit-box-sizing: border-box;
1369
- box-sizing: border-box;
1370
- position: absolute;
1371
- z-index: 2;
1372
- }
1373
- .e-gantt .e-gantt-chart .e-milestone-top,
1374
- .e-gantt .e-gantt-chart .e-parent-milestone-top,
1375
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top {
1376
- border-style: none solid solid;
1377
- border-top: 0;
1378
- }
1379
- .e-gantt .e-gantt-chart .e-milestone-top,
1380
- .e-gantt .e-gantt-chart .e-milestone-bottom,
1381
- .e-gantt .e-gantt-chart .e-parent-milestone-top,
1382
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom,
1383
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top,
1384
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1385
- border-left-color: transparent;
1386
- border-right-color: transparent;
1387
- }
1388
- .e-gantt .e-gantt-chart .e-milestone-bottom,
1389
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom,
1390
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1391
- border-bottom: 0;
1392
- border-style: solid solid none;
1393
- }
1394
- .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
1395
- position: absolute;
1396
- z-index: 2;
1397
- border: 2px;
1398
- border-color: rgba(var(--color-sf-error));
1399
- border-style: solid;
1400
- }
1401
- .e-gantt .e-gantt-chart .e-task-label {
1402
- display: inline;
1403
- font-weight: normal;
1404
- margin-left: 8px;
1405
- margin-right: 15px;
1406
- overflow: hidden;
1407
- text-overflow: ellipsis;
1408
- vertical-align: middle;
1409
- white-space: nowrap;
1410
- }
1411
- .e-gantt .e-gantt-chart .e-task-table {
1412
- overflow: hidden;
1413
- border-collapse: separate;
1414
- }
1415
- .e-gantt .e-gantt-chart .e-left-resize-gripper,
1416
- .e-gantt .e-gantt-chart .e-right-resize-gripper {
1417
- -webkit-box-align: center;
1418
- -ms-flex-align: center;
1419
- align-items: center;
1420
- cursor: ew-resize;
1421
- display: -webkit-inline-box;
1422
- display: -ms-inline-flexbox;
1423
- display: inline-flex;
1424
- }
1425
- .e-gantt .e-gantt-chart .e-holiday {
1426
- display: inline-block;
1427
- position: absolute;
1428
- }
1429
- .e-gantt .e-gantt-chart .e-holiday .e-span {
1430
- position: absolute;
1431
- -webkit-transform: rotate(-90deg);
1432
- transform: rotate(-90deg);
1433
- white-space: nowrap;
1434
- width: 0;
1435
- }
1436
- .e-gantt .e-gantt-chart .e-weekend {
1437
- display: inline-block;
1438
- position: absolute;
1439
- z-index: 0;
1440
- }
1441
- .e-gantt .e-gantt-chart .e-rangecontainer .e-leftarc {
1442
- border-bottom-left-radius: 2px;
1443
- border-top-left-radius: 2px;
1444
- position: absolute;
1445
- }
1446
- .e-gantt .e-gantt-chart .e-rangecontainer .e-rightarc {
1447
- border-bottom-right-radius: 2px;
1448
- border-top-right-radius: 2px;
1449
- position: absolute;
1450
- }
1451
- .e-gantt .e-gantt-chart .e-event-markers {
1452
- border-left: 1px dashed;
1453
- position: absolute;
1454
- width: 1px;
1455
- z-index: 4;
1456
- }
1457
- .e-gantt .e-gantt-chart .e-event-markers .e-span-label {
1458
- border-radius: 3px;
1459
- font-weight: 500;
1460
- height: 28px;
1461
- line-height: 1.5;
1462
- padding: 3px 12px;
1463
- position: absolute;
1464
- top: 50px;
1465
- white-space: nowrap;
1466
- width: auto;
1467
- z-index: 2;
1468
- }
1469
- .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1470
- border-bottom: 5px solid transparent;
1471
- border-right: 5px solid;
1472
- border-top: 5px solid transparent;
1473
- height: 0;
1474
- position: absolute;
1475
- top: 56px;
1476
- width: 0;
1477
- }
1478
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1479
- border-radius: 0;
1480
- border-style: none;
1481
- display: inline-block;
1482
- }
1483
- .e-gantt .e-gantt-chart .e-connector-line-right-arrow {
1484
- border-left-style: solid;
1485
- border-left-width: 10px;
1486
- }
1487
- .e-gantt .e-gantt-chart .e-connector-line-left-arrow {
1488
- border-right-style: solid;
1489
- border-right-width: 10px;
1490
- }
1491
- .e-gantt .e-gantt-chart .e-connector-line-right-arrow,
1492
- .e-gantt .e-gantt-chart .e-connector-line-left-arrow {
1493
- border-bottom: 5px solid transparent;
1494
- border-top: 5px solid transparent;
1495
- }
1496
- .e-gantt .e-gantt-chart .e-connector-line-container {
1497
- z-index: 5;
1498
- }
1499
- .e-gantt .e-gantt-chart .e-connector-line-z-index {
1500
- z-index: 1;
1501
- }
1502
- .e-gantt .e-gantt-chart .e-connector-line-hover,
1503
- .e-gantt .e-gantt-chart .e-critical-connector-line-hover {
1504
- outline: 1px solid;
1505
- }
1506
- .e-gantt .e-gantt-chart .e-connector-line-hover-z-index {
1507
- z-index: 100;
1508
- }
1509
- .e-gantt .e-gantt-chart .e-connectortouchpoint {
1510
- background-color: transparent;
1511
- display: block;
1512
- position: absolute;
1513
- z-index: 5;
1514
- }
1515
- .e-gantt .e-gantt-chart .e-connectorpoint-right,
1516
- .e-gantt .e-gantt-chart .e-connectorpoint-left,
1517
- .e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
1518
- .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
1519
- border-radius: 50%;
1520
- display: inline-block;
1521
- position: absolute;
1522
- }
1523
- .e-gantt .e-gantt-chart .e-connectorpoint-left-hover,
1524
- .e-gantt .e-gantt-chart .e-connectorpoint-right-hover {
1525
- border-style: solid;
1526
- border-width: 1px;
1527
- -webkit-box-sizing: content-box;
1528
- box-sizing: content-box;
1529
- cursor: pointer;
1530
- display: inline-block;
1531
- }
1532
- .e-gantt .e-gantt-chart .e-connectorpoint-allow-block {
1533
- cursor: no-drop;
1534
- }
1535
- .e-gantt .e-gantt-chart .e-gantt-manualparenttaskbar-left,
1536
- .e-gantt .e-gantt-chart .e-gantt-manualparenttaskbar-right {
1537
- background-color: rgba(var(--color-sf-on-surface));
1538
- border-color: rgba(var(--color-sf-on-surface));
1539
- border-radius: 50%;
1540
- display: inline-block;
1541
- height: 10px;
1542
- margin: -1px;
1543
- position: absolute;
1544
- width: 10px;
1545
- }
1546
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top,
1547
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1548
- border-bottom-color: rgba(var(--color-sf-on-surface));
1549
- }
1550
- .e-gantt .e-gantt-chart .e-gantt-manualparenttaskbar-right {
1551
- cursor: e-resize;
1552
- margin-left: -8px;
1553
- }
1554
- .e-gantt .e-gantt-chart .e-gantt-manualparenttaskbar-left {
1555
- margin-left: 0;
1556
- }
1557
- .e-gantt .e-gantt-chart .e-gantt-manualparenttaskbar {
1558
- background: rgba(var(--color-sf-on-surface));
1559
- margin-top: 3px;
1560
- position: absolute;
1561
- }
1562
- .e-gantt .e-gantt-chart .e-icon {
1563
- font-family: "e-icons";
1564
- font-size: 13px;
1565
- font-style: normal;
1566
- font-variant: normal;
1567
- font-weight: normal;
1568
- line-height: 1;
1569
- text-transform: none;
1570
- vertical-align: middle;
1571
- }
1572
- .e-gantt .e-gantt-chart .e-active-container {
1573
- outline: 1px solid;
1574
- outline-offset: 2px;
1575
- }
1576
-
1577
- .e-gantt-dialog .e-tab .e-tab-header {
1578
- padding-left: 12px;
1579
- }
1580
- .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
1581
- display: block;
1582
- }
1583
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
1584
- border-style: solid;
1585
- border-width: 1px;
1586
- }
1587
-
1588
- .e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
1589
- border: 0;
1590
- }
1591
-
1592
- .e-gantt-dialog {
1593
- border: 0;
1594
- }
1595
- .e-gantt-dialog .e-gridform .e-table {
1596
- border-spacing: 0;
1597
- }
1598
- .e-gantt-dialog .e-item {
1599
- height: 100%;
1600
- }
1601
- .e-gantt-dialog .e-dependent-div {
1602
- border-bottom-width: 0px;
1603
- }
1604
- .e-gantt-dialog .e-icon-dlg-close {
1605
- opacity: initial;
1606
- }
1607
- .e-gantt-dialog .e-toolbar {
1608
- border-top-width: 0;
1609
- }
1610
- .e-gantt-dialog .e-resource-div {
1611
- border-bottom-width: 0px;
1612
- }
1613
- .e-gantt-dialog .e-resource-div .e-gridheader {
1614
- border-top-width: 0;
1615
- }
1616
- .e-gantt-dialog .e-edit-form-row {
1617
- height: 241px;
1618
- overflow-y: auto;
1619
- }
1620
- .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
1621
- float: left;
1622
- padding: 12px 18px 0 18px;
1623
- width: 50%;
1624
- }
1625
- .e-gantt-dialog .e-edit-form-column:nth-child(even) {
1626
- float: left;
1627
- padding: 12px 18px 0 0;
1628
- width: 50%;
1629
- }
1630
- .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
1631
- padding: 12px 18px 0 0;
1632
- }
1633
- .e-gantt-dialog .e-edit-form-column {
1634
- height: 75px;
1635
- }
1636
- .e-gantt-dialog .e-dependent-div .e-content {
1637
- height: 161px;
1638
- }
1639
- .e-gantt-dialog .e-resource-div .e-content {
1640
- height: 202px;
1641
- }
1642
- .e-gantt-dialog .e-richtexteditor {
1643
- border-bottom-width: 0px;
1644
- height: 241px !important; /* stylelint-disable-line declaration-no-important */
1645
- overflow: hidden auto;
1646
- }
1647
- .e-gantt-dialog .e-richtexteditor.e-rte-tb-expand {
1648
- border-top: 0;
1649
- }
1650
- .e-gantt-dialog .e-richtexteditor .e-rte-content {
1651
- border-bottom-width: 0px;
1652
- height: 200px;
1653
- overflow: auto;
1654
- }
1655
- .e-gantt-dialog > .e-dlg-content {
1656
- padding: 0 !important; /* stylelint-disable-line declaration-no-important */
1657
- }
1658
- .e-gantt-dialog .e-dlg-header {
1659
- line-height: 30px;
1660
- }
1661
- .e-gantt-dialog .e-dlg-header-content {
1662
- border-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
1663
- }
1664
- .e-gantt-dialog .e-dlg-header-content {
1665
- border-radius: 16px 16px 0px 0px;
1666
- padding-bottom: 12px;
1667
- }
1668
- .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1669
- left: -11px;
1670
- top: 6px !important;
1671
- }
1672
- .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1673
- border-radius: 50%;
1674
- height: auto !important;
1675
- width: auto;
1676
- }
1677
-
1678
- .e-ganttpopup {
1679
- -moz-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
1680
- -ms-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
1681
- -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
1682
- font-weight: normal;
1683
- position: absolute;
1684
- user-select: none;
1685
- z-index: 99999;
1686
- }
1687
- .e-ganttpopup .e-rowselect {
1688
- line-height: 18px;
1689
- text-indent: 7%;
1690
- }
1691
- .e-ganttpopup span {
1692
- border: 1px solid transparent;
1693
- cursor: pointer;
1694
- display: inline-block;
1695
- height: 26px;
1696
- padding: 4px;
1697
- width: 26px;
1698
- }
1699
- .e-ganttpopup .e-content {
1700
- border-radius: 4px;
1701
- border-style: solid;
1702
- border-width: 1px;
1703
- font-size: 14px;
1704
- padding: 4px;
1705
- }
1706
- .e-ganttpopup .e-tail::after,
1707
- .e-ganttpopup .e-tail::before,
1708
- .e-ganttpopup .e-ganttpopup {
1709
- border: 10px solid transparent;
1710
- content: "";
1711
- height: 0;
1712
- left: 8px;
1713
- position: absolute;
1714
- width: 0;
1715
- }
1716
- .e-ganttpopup .e-downtail::after {
1717
- top: 34px;
1718
- }
1719
-
1720
- .e-gantt-tooltip.e-tooltip-wrap {
1721
- opacity: 1;
1722
- }
1723
-
1724
- .e-gantt-tooltip {
1725
- visibility: hidden;
1726
- }
1727
-
1728
- .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
1729
- content: "";
1730
- }
1731
-
1732
- .e-bigger .e-gantt .e-gantt-chart .e-label {
1733
- font-size: 16px;
1734
- }
1735
-
1736
- .e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
1737
- .e-bigger .e-gantt .e-excelfilter .e-dialog .e-dlg-content {
1738
- padding: 0 18px 0 0 !important; /* stylelint-disable-line declaration-no-important */
1739
- }
1740
-
1741
- .e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
1742
- .e-bigger .e-gantt .e-contextmenu-wrapper ul {
1743
- padding: 0 !important; /* stylelint-disable-line declaration-no-important */
1744
- }
1745
-
1746
- .e-gantt-tooltip-label {
1747
- padding-bottom: 2px;
1748
- padding-right: 2px;
1749
- text-align: left;
1750
- }
1751
-
1752
- .e-gantt.e-device .e-edit-form-column:nth-child(odd), .e-gantt.e-device .e-edit-form-column:nth-child(even) {
1753
- float: none;
1754
- padding: 12px 18px 0 18px;
1755
- width: 100%;
1756
- }
1757
- .e-gantt.e-device .e-edit-form-row {
1758
- height: auto;
1759
- }
1760
- .e-gantt.e-device .e-adaptive-searchbar {
1761
- padding: 5px 10px;
1762
- width: 90%;
1763
- }
1764
- .e-gantt.e-device .e-backarrowspan {
1765
- font-size: 16px;
1766
- padding: 5px 10px;
1767
- }
1768
- .e-gantt.e-device .e-gantt-dialog {
1769
- max-height: none;
1770
- }
1771
- .e-gantt.e-device .e-gantt-dialog .e-dlg-closeicon-btn {
1772
- float: left;
1773
- left: -4px;
1774
- }
1775
- .e-gantt.e-device .e-gantt-dialog .e-icon-dlg-close {
1776
- font-size: 16px;
1777
- }
1778
- .e-gantt.e-device .e-gantt-dialog .e-dlg-header {
1779
- display: inline-block;
1780
- }
1781
- .e-gantt.e-device .e-toolbar-item {
1782
- padding: 7px;
1783
- }
1784
- .e-gantt.e-device .e-toolbar .e-icons {
1785
- font-size: 18px;
1786
- }
1787
- .e-gantt.e-device .e-gridheader .e-icons {
1788
- font-size: 12px;
1789
- }
1790
- .e-gantt.e-device .e-dependent-div .e-content {
1791
- height: 100%;
1792
- }
1793
- .e-gantt.e-device .e-resource-div .e-content {
1794
- height: 100%;
1795
- }
1796
- .e-gantt.e-device .e-richtexteditor {
1797
- height: 100%;
1798
- }
1799
- .e-gantt.e-device .e-richtexteditor .e-rte-content {
1800
- height: 100%;
1801
- }
1802
-
1803
- .e-predecessor-tooltip {
1804
- background-color: rgba(var(--color-sf-inverse-surface)) !important; /* stylelint-disable-line declaration-no-important */
1805
- border-color: rgba(var(--color-sf-inverse-surface)) !important; /* stylelint-disable-line declaration-no-important */
1806
- visibility: hidden;
1807
- }
1808
- .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
1809
- border-top: 8px solid rgba(var(--color-sf-inverse-surface));
1810
- }
1811
- .e-predecessor-tooltip .e-arrow-tip-inner.e-tip-bottom {
1812
- color: rgba(var(--color-sf-inverse-surface));
1813
- }
1814
- .e-predecessor-tooltip .e-left-btn:disabled,
1815
- .e-predecessor-tooltip .e-right-btn:disabled {
1816
- color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface)) !important;
1817
- }
1818
- .e-predecessor-tooltip .e-tip-content {
1819
- padding: 3px !important; /* stylelint-disable-line declaration-no-important */
1820
- }
1821
- .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
1822
- background-color: rgba(var(--color-sf-inverse-surface));
1823
- border-color: rgba(var(--color-sf-inverse-surface));
1824
- color: #f9fafb;
1825
- font-size: 12px;
1826
- line-height: 18px;
1827
- padding: 0 8px 0 0;
1828
- }
1829
- .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
1830
- background-color: rgba(var(--color-sf-inverse-surface));
1831
- border-color: rgba(var(--color-sf-inverse-surface));
1832
- color: #f9fafb;
1833
- font-size: 12px;
1834
- line-height: 18px;
1835
- padding: 0 0 0 8px;
1836
- }
1837
-
1838
- .e-predecessor-dialog {
1839
- background-color: rgba(var(--color-sf-inverse-surface));
1840
- }
1841
- .e-predecessor-dialog .e-dlg-content {
1842
- background-color: rgba(var(--color-sf-inverse-surface));
1843
- padding: 10px 9px 9px 14px !important;
1844
- font-size: 12px;
1845
- font-weight: 400;
1846
- line-height: 1.8;
1847
- color: rgba(var(--color-sf-inverse-on-surface));
1848
- }
1849
-
1850
- .e-gantt-chart-resize-indicator {
1851
- height: 100%;
1852
- position: absolute;
1853
- z-index: 1;
1854
- }
1855
-
1856
- @media (max-width: 767px) {
1857
- .e-bigger .e-gantt .e-dialog .e-edit-form-column:nth-child(odd), .e-bigger .e-gantt .e-dialog .e-edit-form-column:nth-child(even) {
1858
- float: none;
1859
- padding: 16px 12px 0 16px;
1860
- width: 100%;
1861
- }
1862
- }
1863
- /*! Gantt theme */
1864
- .e-gantt .e-device .e-left-resize-gripper,
1865
- .e-gantt .e-device .e-right-resize-gripper {
1866
- border-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.12), rgba(var(--color-sf-primary), 0.12)), rgba(var(--color-sf-surface));
1867
- color: rgba(var(--color-sf-on-primary));
1868
- }
1869
- .e-gantt .e-device .e-backarrowspan {
1870
- color: rgba(var(--color-sf-warning-text));
1871
- }
1872
- .e-gantt .e-gantt-splitter {
1873
- border-color: rgba(var(--color-sf-outline-variant));
1874
- border-radius: 0px;
1875
- }
1876
- .e-gantt .e-gantt-splitter .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar {
1877
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1878
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1879
- border: solid var(--color-sf-outline-variant);
1880
- border-width: 0 1px;
1881
- width: 8px !important; /* stylelint-disable-line declaration-no-important */
1882
- }
1883
- .e-gantt .e-grid .e-spinner-pane {
1884
- display: none;
1885
- }
1886
- .e-gantt .e-cloneproperties.e-draganddrop {
1887
- -webkit-box-shadow: 0 6px 12px rgba(var(--color-sf-warning-text), 0.175);
1888
- box-shadow: 0 6px 12px rgba(var(--color-sf-warning-text), 0.175);
1889
- opacity: 0.95;
1890
- overflow: visible;
1891
- }
1892
- .e-gantt .e-cloneproperties {
1893
- background-color: rgba(var(--color-sf-surface));
1894
- border-color: rgba(var(--color-sf-outline-variant));
1895
- color: rgba(var(--color-sf-on-surface));
1896
- }
1897
- .e-gantt .e-cloneproperties.e-draganddrop .e-rowcell {
1898
- color: rgba(var(--color-sf-on-surface));
1899
- }
1900
- .e-gantt .e-cloneproperties.e-draganddrop table,
1901
- .e-gantt .e-cloneproperties.e-draganddrop table .e-selectionbackground {
1902
- background-color: rgba(var(--color-sf-surface));
1903
- height: 30px;
1904
- }
1905
- .e-gantt .e-gantt-toolbar + .e-gantt-splitter {
1906
- border-top-left-radius: 0px;
1907
- border-top-right-radius: 0px;
1908
- }
1909
- .e-gantt .e-grid .e-focused:not(.e-menu-item) {
1910
- -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-outline)) inset !important;
1911
- box-shadow: 0 0 0 1px rgba(var(--color-sf-outline)) inset !important; /* stylelint-disable-line declaration-no-important */
1912
- }
1913
- .e-gantt .e-temp-content,
1914
- .e-gantt .e-splitter-box,
1915
- .e-gantt .e-gantt-temp-header,
1916
- .e-gantt .e-gantt-chart-pane {
1917
- border-color: rgba(var(--color-sf-outline-variant));
1918
- }
1919
- .e-gantt .e-gantt-tree-grid-pane .e-timeline-single-header-outer-div {
1920
- height: 45px !important; /* stylelint-disable-line declaration-no-important */
1921
- }
1922
- .e-gantt .e-gantt-tree-grid-pane .e-grid.e-gridhover tr[role=row]:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd),
1923
- .e-gantt .e-gantt-tree-grid-pane .e-grid.e-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd),
1924
- .e-gantt .e-gantt-tree-grid-pane .e-grid.e-rtl .e-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd) {
1925
- background-color: rgba(var(--color-sf-on-surface), 0.05);
1926
- }
1927
- .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active {
1928
- background: rgba(var(--color-sf-primary-container), 0.65);
1929
- opacity: 0.9;
1930
- }
1931
- .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-leftfreeze,
1932
- .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-unfreeze,
1933
- .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-rightfreeze,
1934
- .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-fixedfreeze {
1935
- background: rgba(var(--color-sf-primary-container), 1);
1936
- opacity: 1;
1937
- }
1938
- .e-gantt .e-taskbar-resize-div {
1939
- border-color: rgba(var(--color-sf-primary));
1940
- }
1941
- .e-gantt .e-gantt-chart .e-timeline-header-container {
1942
- background: rgba(var(--color-sf-surface));
1943
- border-bottom-color: rgba(var(--color-sf-outline-variant));
1944
- border-bottom-width: 1px;
1945
- border-right-color: rgba(var(--color-sf-outline-variant));
1946
- border-left-color: rgba(var(--color-sf-outline-variant));
1947
- color: rgba(var(--color-sf-on-surface));
1948
- height: 52px;
1949
- }
1950
- .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
1951
- .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
1952
- border-color: rgba(var(--color-sf-outline-variant));
1953
- color: rgba(var(--color-sf-on-surface));
1954
- }
1955
- .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
1956
- height: 46px;
1957
- line-height: 46px;
1958
- }
1959
- .e-gantt .e-gantt-chart .e-timeline-single-header-outer-div {
1960
- height: 46px;
1961
- }
1962
- .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
1963
- height: 26px;
1964
- }
1965
- .e-gantt .e-gantt-chart .e-chart-root-container {
1966
- background-color: rgba(var(--color-sf-surface));
1967
- border-color: rgba(var(--color-sf-outline-variant));
1968
- }
1969
- .e-gantt .e-gantt-chart .e-timeline-header-table-body {
1970
- border-spacing: 0;
1971
- }
1972
- .e-gantt .e-gantt-chart .e-chart-row-hover .e-chart-row:not(.e-active):hover {
1973
- background-color: rgba(var(--color-sf-on-surface), 0.05);
1974
- }
1975
- .e-gantt .e-gantt-chart .e-chart-row-border {
1976
- border-top-color: rgba(var(--color-sf-outline-variant));
1977
- }
1978
- .e-gantt .e-gantt-chart .e-chart-row-cell {
1979
- color: rgba(var(--color-sf-on-surface-variant));
1980
- }
1981
- .e-gantt .e-gantt-chart .e-chart-row-border.e-lastrow {
1982
- border-bottom-color: rgba(var(--color-sf-outline-variant));
1983
- }
1984
- .e-gantt .e-gantt-chart .e-line-container-cell {
1985
- border-color: rgba(var(--color-sf-outline-variant));
1986
- }
1987
- .e-gantt .e-gantt-chart .e-active-container {
1988
- outline-color: rgba(var(--color-sf-outline));
1989
- }
1990
- .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1991
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.75)), to(rgba(var(--color-sf-primary), 0.75))), rgba(var(--color-sf-surface));
1992
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.75), rgba(var(--color-sf-primary), 0.75)), rgba(var(--color-sf-surface));
1993
- outline: 1px solid rgba(var(--color-sf-primary));
1994
- border-radius: 4px;
1995
- }
1996
- .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
1997
- border: 1px solid rgba(var(--color-sf-on-primary));
1998
- border-bottom: 0;
1999
- border-top: 0;
2000
- }
2001
- .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-progressbar {
2002
- width: 0px !important;
2003
- }
2004
- .e-gantt .e-gantt-chart .e-collapse-parent .e-collapsed-taskbar-drag {
2005
- background-color: rgba(var(--color-sf-primary));
2006
- }
2007
- .e-gantt .e-gantt-chart .e-collapse-parent .e-left-connectorpoint-outer-div {
2008
- display: none;
2009
- }
2010
- .e-gantt .e-gantt-chart .e-collapse-parent .e-right-connectorpoint-outer-div {
2011
- display: none;
2012
- }
2013
- .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
2014
- border-bottom: 0;
2015
- border-top: 0;
2016
- }
2017
- .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
2018
- outline: 1px solid rgba(var(--color-sf-on-surface), 0.38);
2019
- }
2020
- .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
2021
- background-color: rgba(var(--color-sf-on-surface-variant), 0.75);
2022
- border-radius: 4px;
2023
- }
2024
- .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
2025
- background-color: rgba(var(--color-sf-on-surface-variant));
2026
- border: 0px;
2027
- border-radius: 4px;
2028
- }
2029
- .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
2030
- background-color: rgba(var(--color-sf-primary));
2031
- border: 0px;
2032
- border-radius: 3px;
2033
- }
2034
- .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
2035
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success), 0.5)), to(rgba(var(--color-sf-success), 0.5))), rgba(var(--color-sf-surface));
2036
- background: linear-gradient(0deg, rgba(var(--color-sf-success), 0.5), rgba(var(--color-sf-success), 0.5)), rgba(var(--color-sf-surface));
2037
- outline: 1px solid rgba(var(--color-sf-success), 0.5);
2038
- }
2039
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
2040
- background: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-success-container))), color-stop(30%, rgba(var(--color-sf-success))), color-stop(70%, rgba(var(--color-sf-success))), color-stop(70%, rgba(var(--color-sf-success))), to(rgba(var(--color-sf-success-container))));
2041
- background: linear-gradient(to right, rgba(var(--color-sf-success-container)), rgba(var(--color-sf-success)) 30%, rgba(var(--color-sf-success)) 70%, rgba(var(--color-sf-success)) 70%, rgba(var(--color-sf-success-container)) 100%);
2042
- }
2043
- .e-gantt .e-gantt-chart .e-gantt-child-manualprogressbar {
2044
- background-color: rgba(var(--color-sf-success));
2045
- outline: 0px;
2046
- }
2047
- .e-gantt .e-gantt-chart .e-gantt-critical-child-manualprogressbar {
2048
- background-color: rgba(var(--color-sf-success));
2049
- border: 0px;
2050
- }
2051
- .e-gantt .e-gantt-chart .e-holiday {
2052
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
2053
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2054
- }
2055
- .e-gantt .e-gantt-chart .e-holiday .e-span {
2056
- color: rgba(var(--color-sf-on-surface-variant));
2057
- font-size: 13px;
2058
- }
2059
- .e-gantt .e-gantt-chart .e-weekend {
2060
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
2061
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2062
- }
2063
- .e-gantt .e-gantt-chart .e-weekend-header-cell {
2064
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
2065
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2066
- }
2067
- .e-gantt .e-gantt-chart .e-rangecontainer .e-rg-rangdiv {
2068
- border: 2px solid rgba(var(--color-sf-warning));
2069
- width: 5px;
2070
- z-index: 6;
2071
- }
2072
- .e-gantt .e-gantt-chart .e-event-markers {
2073
- border-left-color: rgba(var(--color-sf-primary));
2074
- }
2075
- .e-gantt .e-gantt-chart .e-event-markers .e-span-label {
2076
- background-color: rgba(var(--color-sf-warning-container));
2077
- color: rgba(var(--color-sf-warning));
2078
- font-size: 14px;
2079
- }
2080
- .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
2081
- border-right-color: rgba(var(--color-sf-warning-container));
2082
- border-left-color: rgba(var(--color-sf-warning-container)) !important; /* stylelint-disable-line declaration-no-important */
2083
- }
2084
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
2085
- background: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-primary-container))), color-stop(30%, rgba(var(--color-sf-primary))), color-stop(70%, rgba(var(--color-sf-primary))), color-stop(70%, rgba(var(--color-sf-primary))), to(rgba(var(--color-sf-primary-container))));
2086
- background: linear-gradient(to right, rgba(var(--color-sf-primary-container)), rgba(var(--color-sf-primary)) 30%, rgba(var(--color-sf-primary)) 70%, rgba(var(--color-sf-primary)) 70%, rgba(var(--color-sf-primary-container)) 100%);
2087
- border: 0px;
2088
- border-radius: 4px;
2089
- }
2090
- .e-gantt .e-gantt-chart .e-unscheduled-milestone-top {
2091
- border-bottom-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
2092
- }
2093
- .e-gantt .e-gantt-chart .e-unscheduled-milestone-bottom {
2094
- border-top-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
2095
- }
2096
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
2097
- background: rgba(var(--color-sf-on-surface));
2098
- }
2099
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
2100
- border-bottom-color: rgba(var(--color-sf-on-surface));
2101
- }
2102
- .e-gantt .e-gantt-chart .e-gantt-dependency-view-container {
2103
- display: block;
2104
- z-index: 5;
2105
- }
2106
- .e-gantt .e-gantt-chart .e-line {
2107
- border-color: rgba(var(--color-sf-primary));
2108
- }
2109
- .e-gantt .e-gantt-chart .e-connector-line {
2110
- stroke: rgba(var(--color-sf-primary));
2111
- }
2112
- .e-gantt .e-gantt-chart .e-critical-line {
2113
- stroke: rgba(var(--color-sf-error));
2114
- }
2115
- .e-gantt .e-gantt-chart .e-connector-line-arrow {
2116
- fill: rgba(var(--color-sf-primary));
2117
- }
2118
- .e-gantt .e-gantt-chart .e-critical-line-arrow {
2119
- fill: rgba(var(--color-sf-error));
2120
- }
2121
- .e-gantt .e-gantt-chart .e-connector-line-right-arrow {
2122
- border-left-color: rgba(var(--color-sf-primary));
2123
- }
2124
- .e-gantt .e-gantt-chart .e-connector-line-left-arrow {
2125
- border-right-color: rgba(var(--color-sf-primary));
2126
- }
2127
- .e-gantt .e-gantt-chart .e-connector-line-right-arrow-hover {
2128
- border-left-color: rgba(var(--color-sf-primary));
2129
- }
2130
- .e-gantt .e-gantt-chart .e-connector-line-left-arrow-hover {
2131
- border-right-color: rgba(var(--color-sf-primary));
2132
- }
2133
- .e-gantt .e-gantt-chart .e-connector-line-hover {
2134
- border-color: rgba(var(--color-sf-primary));
2135
- outline-color: rgba(var(--color-sf-primary));
2136
- }
2137
- .e-gantt .e-gantt-chart .e-gantt-false-line {
2138
- border-top-color: rgba(var(--color-sf-primary));
2139
- }
2140
- .e-gantt .e-gantt-chart .e-connectorpoint-left-hover,
2141
- .e-gantt .e-gantt-chart .e-connectorpoint-right-hover {
2142
- background-color: rgba(var(--color-sf-on-surface-variant));
2143
- border-color: rgba(var(--color-sf-surface));
2144
- }
2145
- .e-gantt .e-gantt-chart .e-connectorpoint-left-hover:hover,
2146
- .e-gantt .e-gantt-chart .e-connectorpoint-right-hover:hover {
2147
- background-color: rgba(var(--color-sf-on-surface));
2148
- border-color: rgba(var(--color-sf-surface));
2149
- }
2150
- .e-gantt .e-gantt-chart .e-left-label-inner-div,
2151
- .e-gantt .e-gantt-chart .e-right-label-inner-div {
2152
- color: rgba(var(--color-sf-on-surface-variant));
2153
- font-size: 13px;
2154
- }
2155
- .e-gantt .e-gantt-chart .e-left-label-temp-container {
2156
- color: rgba(var(--color-sf-on-surface));
2157
- font-size: 14px;
2158
- padding-right: 25px;
2159
- }
2160
- .e-gantt .e-gantt-chart .e-right-label-temp-container {
2161
- color: rgba(var(--color-sf-on-surface));
2162
- font-size: 14px;
2163
- margin-left: 25px;
2164
- }
2165
- .e-gantt .e-gantt-chart .e-right-label-container {
2166
- margin-left: 25px;
2167
- }
2168
- .e-gantt .e-gantt-chart .e-left-label-container {
2169
- padding-right: 25px;
2170
- }
2171
- .e-gantt .e-gantt-chart .e-connectorpoint-right {
2172
- margin-left: 3px;
2173
- }
2174
- .e-gantt .e-gantt-chart .e-connectorpoint-left {
2175
- margin-right: 3px;
2176
- }
2177
- .e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
2178
- .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
2179
- height: 8px;
2180
- width: 12px;
2181
- }
2182
- .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
2183
- left: -12px;
2184
- }
2185
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left,
2186
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
2187
- border-right: transparent;
2188
- border-width: 3px;
2189
- }
2190
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
2191
- border-top-left-radius: 0;
2192
- border-bottom-left-radius: 0;
2193
- border-top-right-radius: 2px;
2194
- border-bottom-right-radius: 2px;
2195
- }
2196
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
2197
- border-bottom-left-radius: 2px;
2198
- border-top-left-radius: 2px;
2199
- border-bottom-right-radius: 0;
2200
- border-top-right-radius: 0;
2201
- }
2202
- .e-gantt .e-gantt-chart .e-task-label {
2203
- color: rgba(var(--color-sf-on-primary));
2204
- font-size: 12px;
2205
- }
2206
- .e-gantt .e-gantt-chart .e-icon {
2207
- color: rgba(var(--color-sf-on-surface-variant));
2208
- }
2209
- .e-gantt .e-gantt-chart .e-gantt-milestone {
2210
- background-color: rgba(var(--color-sf-surface));
2211
- border-color: rgba(var(--color-sf-primary));
2212
- }
2213
- .e-gantt .e-gantt-chart .e-gantt-parent-milestone {
2214
- background-color: rgba(var(--color-sf-primary));
2215
- }
2216
- .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
2217
- background-color: rgba(var(--color-sf-on-surface));
2218
- border-color: rgba(var(--color-sf-primary));
2219
- }
2220
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
2221
- background: -webkit-gradient(linear, left top, right top, from(rgba(63, 81, 181, 0.2)), color-stop(30%, #989A9C), color-stop(70%, #989A9C), color-stop(70%, #989A9C), to(rgba(63, 81, 181, 0.2)));
2222
- background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #989A9C 30%, #989A9C 70%, #989A9C 70%, rgba(63, 81, 181, 0.2) 100%);
2223
- }
2224
- .e-gantt .e-gantt-chart .e-label {
2225
- color: rgba(var(--color-sf-on-surface));
2226
- font-size: 14px;
2227
- }
2228
- .e-gantt .e-gantt-chart .e-active {
2229
- background: rgba(var(--color-sf-primary-container), 0.65);
2230
- color: rgba(var(--color-sf-on-surface));
2231
- opacity: 0.9;
2232
- }
2233
- .e-gantt .e-gantt-chart .e-active .e-label {
2234
- color: rgba(var(--color-sf-on-surface));
2235
- }
2236
- .e-gantt .e-gantt-chart .e-baseline-bar {
2237
- background-color: rgba(var(--color-sf-error));
2238
- }
2239
- .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
2240
- background-color: rgba(var(--color-sf-surface));
2241
- }
2242
- .e-gantt .e-gantt-chart .e-uptail::before {
2243
- border-bottom-color: rgba(var(--color-sf-outline-variant));
2244
- }
2245
- .e-gantt .e-gantt-chart .e-downtail::after {
2246
- border-top-color: rgba(var(--color-sf-on-primary));
2247
- }
2248
- .e-gantt .e-gantt-chart .e-downtail::before {
2249
- border-top-color: rgba(var(--color-sf-outline-variant));
2250
- }
2251
- .e-gantt .e-gantt-chart .e-ganttpopup .e-content {
2252
- background-color: rgba(var(--color-sf-on-primary));
2253
- border-color: rgba(var(--color-sf-outline-variant));
2254
- }
2255
- .e-gantt .e-gantt-chart .e-spanclicked,
2256
- .e-gantt .e-gantt-chart .e-grid .e-gridpopup .e-spanclicked {
2257
- border-color: rgba(var(--color-sf-warning-text));
2258
- }
2259
- .e-gantt .e-icons {
2260
- color: rgba(var(--color-sf-on-surface-variant));
2261
- }
2262
- .e-gantt .e-grid .e-icons:not(.e-stop):not(.e-check):not(.e-icon-left):not(.e-date-icon) {
2263
- color: rgba(var(--color-sf-on-surface-variant)) !important; /* stylelint-disable-line declaration-no-important */
2264
- }
2265
-
2266
- .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
2267
- display: none;
2268
- }
2269
- .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
2270
- border: none !important; /* stylelint-disable-line declaration-no-important */
2271
- }
2272
- .e-gantt-dialog .e-dlg-header {
2273
- color: rgba(var(--color-sf-on-surface));
2274
- position: relative;
2275
- }
2276
- .e-gantt-dialog .e-dlg-header-content {
2277
- background: transparent;
2278
- }
2279
- .e-gantt-dialog .e-icon-dlg-close {
2280
- color: rgba(var(--color-sf-on-surface-variant));
2281
- }
2282
- .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
2283
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2284
- }
2285
- .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
2286
- color: rgba(var(--color-sf-on-surface-variant));
2287
- }
2288
- .e-gantt-dialog .e-tab .e-tab-header {
2289
- background: transparent;
2290
- }
2291
- .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
2292
- background: rgba(var(--color-sf-primary));
2293
- }
2294
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
2295
- background-color: transparent;
2296
- }
2297
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
2298
- color: rgba(var(--color-sf-primary));
2299
- }
2300
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
2301
- border-color: transparent;
2302
- }
2303
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
2304
- color: rgba(var(--color-sf-on-surface-variant));
2305
- }
2306
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
2307
- background: transparent;
2308
- border-bottom: 0px;
2309
- border-bottom-left-radius: 0px;
2310
- border-bottom-right-radius: 0px;
2311
- border-color: transparent;
2312
- }
2313
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-tab-text {
2314
- color: rgba(var(--color-sf-on-surface-variant));
2315
- }
2316
-
2317
- .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
2318
- display: none;
2319
- }
2320
-
2321
- .e-gantt .e-gantt-chart .e-criticalconnector-line {
2322
- border-color: rgba(var(--color-sf-error));
2323
- }
2324
- .e-gantt .e-gantt-chart .e-criticalconnector-line-right-arrow {
2325
- border-left-color: rgba(var(--color-sf-error));
2326
- }
2327
- .e-gantt .e-gantt-chart .e-criticalconnector-line-left-arrow {
2328
- border-right-color: rgba(var(--color-sf-error));
2329
- }
2330
- .e-gantt .e-gantt-chart .e-critical-connector-line-hover {
2331
- border-color: rgba(var(--color-sf-error-container));
2332
- outline-color: rgba(var(--color-sf-error-container));
2333
- }
2334
- .e-gantt .e-gantt-chart .e-critical-connector-line-right-arrow-hover {
2335
- border-left-color: rgba(var(--color-sf-error-container));
2336
- }
2337
- .e-gantt .e-gantt-chart .e-critical-connector-line-left-arrow-hover {
2338
- border-right-color: rgba(var(--color-sf-error-container));
2339
- }
2340
- .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
2341
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning), 0.75)), to(rgba(var(--color-sf-warning), 0.75))), rgba(var(--color-sf-surface));
2342
- background: linear-gradient(0deg, rgba(var(--color-sf-warning), 0.75), rgba(var(--color-sf-warning), 0.75)), rgba(var(--color-sf-surface));
2343
- outline: 1px solid rgba(var(--color-sf-error-container));
2344
- border-radius: 4px;
2345
- }
2346
- .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
2347
- background-color: rgba(var(--color-sf-warning));
2348
- border: 0px;
2349
- border-radius: 3px;
2350
- }
2351
- .e-gantt .e-gantt-chart .e-gantt-critical-unscheduled-taskbar {
2352
- background: -webkit-gradient(linear, left top, right top, from(rgba(255, 85, 85, 0.2)), color-stop(30%, #D13438), color-stop(70%, #D13438), color-stop(70%, #D13438), to(rgba(255, 85, 85, 0.2)));
2353
- background: linear-gradient(to right, rgba(255, 85, 85, 0.2), #D13438 30%, #D13438 70%, #D13438 70%, rgba(255, 85, 85, 0.2) 100%);
2354
- background-color: rgba(255, 85, 85, 0.2);
2355
- border: 0px;
2356
- border-radius: 4px;
2357
- }
2358
- .e-gantt .e-gantt-chart .e-critical-milestone {
2359
- background-color: rgba(var(--color-sf-surface));
2360
- border: 1px solid rgba(var(--color-sf-warning));
2361
- }
2362
-
2363
- .e-gantt-chart-resize-indicator {
2364
- border: 1px dashed linear-gradient(0deg, rgba(var(--color-sf-primary), 0.75), rgba(var(--color-sf-primary), 0.75)), rgba(var(--color-sf-surface));
2365
- border-bottom: none;
2366
- border-top: none;
2367
- }
1
+ @import '@syncfusion/ej2-gantt/styles/material3-dark.css';