@syncfusion/ej2-vue-gantt 23.2.7 → 24.1.41

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