@syncfusion/ej2-vue-gantt 26.1.41 → 26.2.4

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