@syncfusion/ej2-vue-gantt 23.2.5 → 24.1.41

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