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