@syncfusion/ej2-react-gantt 23.2.7 → 24.1.43

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