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