@syncfusion/ej2-angular-gantt 24.1.43 → 24.1.44

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