@syncfusion/ej2-vue-gantt 23.2.7 → 24.1.41

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