@syncfusion/ej2-react-gantt 23.2.7 → 24.1.43

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