@syncfusion/ej2-vue-gantt 23.2.5 → 24.1.41

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