vxe-gantt 4.9.2 → 4.9.3

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 (10) hide show
  1. package/dist/all.esm.js +2 -2
  2. package/es/style.css +982 -0
  3. package/es/style.mini.css +1 -0
  4. package/es/ui/index.js +1 -1
  5. package/es/ui/src/log.js +1 -1
  6. package/lib/index.umd.js +2 -2
  7. package/lib/index.umd.min.js +1 -1
  8. package/lib/ui/index.js +1 -1
  9. package/lib/ui/src/log.js +1 -1
  10. package/package.json +5 -4
package/es/style.css ADDED
@@ -0,0 +1,982 @@
1
+ @charset "UTF-8";
2
+ :root {
3
+ /*gantt*/
4
+ --vxe-ui-gantt-view-default-cell-width: 2.6em;
5
+ --vxe-ui-gantt-view-chart-bar-height: 1.6em;
6
+ --vxe-ui-gantt-view-split-bar-width: 2px;
7
+ --vxe-ui-gantt-view-split-bar-action-btn-width: 1.2em;
8
+ --vxe-ui-gantt-view-split-bar-action-btn-height: 2.4em;
9
+ --vxe-ui-gantt-view-handle-button-background-color: var(--vxe-ui-gantt-view-split-bar-background-color);
10
+ --vxe-ui-gantt-view-table-default-width: 30%;
11
+ --vxe-ui-gantt-view-task-bar-border-radius: calc(var(--vxe-ui-gantt-view-chart-bar-height) / 2);
12
+ --vxe-ui-gantt-view-task-bar-background-color: var(--vxe-ui-font-primary-lighten-color);
13
+ --vxe-ui-gantt-view-task-bar-completed-background-color: var(--vxe-ui-font-primary-color);
14
+ --vxe-ui-gantt-view-task-bar-overview-background-color: var(--vxe-ui-font-disabled-color);
15
+ --vxe-ui-gantt-view-bar-critical-path-line-color: var(--vxe-ui-status-error-darken-color);
16
+ --vxe-ui-gantt-view-task-line-color: var(--vxe-ui-font-primary-color);
17
+ --vxe-ui-gantt-view-task-line-width: 2px;
18
+ --vxe-ui-gantt-view-task-line-arrow-width: 5;
19
+ }
20
+
21
+ [data-vxe-ui-theme=light] {
22
+ /*gantt*/
23
+ --vxe-ui-gantt-view-split-bar-background-color: #e2e2e3;
24
+ --vxe-ui-gantt-view-split-bar-hover-background-color: #d8d8d8;
25
+ }
26
+
27
+ [data-vxe-ui-theme=dark] {
28
+ /*gantt*/
29
+ --vxe-ui-gantt-view-split-bar-background-color: #444444;
30
+ --vxe-ui-gantt-view-split-bar-hover-background-color: #606060;
31
+ }
32
+
33
+ .vxe-gantt-view--chart-task-wrapper {
34
+ position: absolute;
35
+ top: 0;
36
+ left: 0;
37
+ pointer-events: none;
38
+ }
39
+
40
+ .vxe-gantt-view--chart-row,
41
+ .vxe-gantt-view--chart-subview-row {
42
+ position: relative;
43
+ width: 100%;
44
+ height: 0;
45
+ }
46
+
47
+ .vxe-gantt-view--chart-row.is--critical > .vxe-gantt-view--chart-bar .vxe-gantt-view--chart-bar-content-wrapper {
48
+ border: var(--vxe-ui-gantt-view-task-line-width) solid var(--vxe-ui-gantt-view-bar-critical-path-line-color);
49
+ }
50
+ .vxe-gantt-view--chart-row.is--critical > .vxe-gantt-view--chart-custom-bar .vxe-gantt-view--chart-custom-bar-content-wrapper {
51
+ border: var(--vxe-ui-gantt-view-task-line-width) solid var(--vxe-ui-gantt-view-bar-critical-path-line-color);
52
+ }
53
+ .vxe-gantt-view--chart-row.row--pending .vxe-gantt-view--chart-bar {
54
+ color: var(--vxe-ui-font-disabled-color);
55
+ opacity: 0.5;
56
+ text-decoration: line-through;
57
+ }
58
+ .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-bar, .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-custom-bar {
59
+ border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
60
+ }
61
+ .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-bar .vxe-gantt-view--chart-bar-content-wrapper,
62
+ .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-bar .vxe-gantt-view--chart-custom-bar-content-wrapper, .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-custom-bar .vxe-gantt-view--chart-bar-content-wrapper,
63
+ .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-custom-bar .vxe-gantt-view--chart-custom-bar-content-wrapper {
64
+ border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
65
+ }
66
+ .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-bar:hover::after, .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-custom-bar:hover::after {
67
+ border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
68
+ }
69
+
70
+ .vxe-gantt-view--chart-subview-row.row--pending .vxe-gantt-view--chart-subview-bar,
71
+ .vxe-gantt-view--chart-subview-row.row--pending .vxe-gantt-view--chart-subview-custom-bar {
72
+ color: var(--vxe-ui-font-disabled-color);
73
+ opacity: 0.5;
74
+ text-decoration: line-through;
75
+ }
76
+ .vxe-gantt-view--chart-subview-row.is--round > .vxe-gantt-view--chart-subview-bar, .vxe-gantt-view--chart-subview-row.is--round > .vxe-gantt-view--chart-subview-custom-bar {
77
+ border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
78
+ }
79
+ .vxe-gantt-view--chart-subview-row.is--round > .vxe-gantt-view--chart-subview-bar .vxe-gantt-view--chart-subview-bar-content-wrapper,
80
+ .vxe-gantt-view--chart-subview-row.is--round > .vxe-gantt-view--chart-subview-bar .vxe-gantt-view--chart-subview-custom-bar-content-wrapper, .vxe-gantt-view--chart-subview-row.is--round > .vxe-gantt-view--chart-subview-custom-bar .vxe-gantt-view--chart-subview-bar-content-wrapper,
81
+ .vxe-gantt-view--chart-subview-row.is--round > .vxe-gantt-view--chart-subview-custom-bar .vxe-gantt-view--chart-subview-custom-bar-content-wrapper {
82
+ border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
83
+ }
84
+ .vxe-gantt-view--chart-subview-row.is--round > .vxe-gantt-view--chart-subview-bar:hover::after, .vxe-gantt-view--chart-subview-row.is--round > .vxe-gantt-view--chart-subview-custom-bar:hover::after {
85
+ border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
86
+ }
87
+
88
+ .vxe-gantt-view--chart-subview-wrapper.is--overview > .vxe-gantt-view--chart-subview-row .vxe-gantt-view--chart-subview-bar {
89
+ color: #ffffff;
90
+ background-color: var(--vxe-ui-gantt-view-task-bar-overview-background-color);
91
+ }
92
+
93
+ .vxe-gantt-view--chart-bar,
94
+ .vxe-gantt-view--chart-custom-bar,
95
+ .vxe-gantt-view--chart-subview-bar,
96
+ .vxe-gantt-view--chart-subview-custom-bar {
97
+ display: flex;
98
+ flex-direction: row;
99
+ position: absolute;
100
+ top: 50%;
101
+ left: 0;
102
+ transform: translateY(-50%);
103
+ pointer-events: all;
104
+ }
105
+
106
+ .vxe-gantt-view--chart-row > .vxe-gantt-view--chart-bar.is--default, .vxe-gantt-view--chart-row > .vxe-gantt-view--chart-custom-bar.is--default {
107
+ color: #ffffff;
108
+ background-color: var(--vxe-ui-gantt-view-task-bar-background-color);
109
+ }
110
+
111
+ .vxe-gantt-view--chart-subview-row > .vxe-gantt-view--chart-subview-bar.is--subview, .vxe-gantt-view--chart-subview-row > .vxe-gantt-view--chart-subview-custom-bar.is--subview {
112
+ color: #ffffff;
113
+ background-color: var(--vxe-ui-gantt-view-task-bar-overview-background-color);
114
+ }
115
+ .vxe-gantt-view--chart-subview-row > .vxe-gantt-view--chart-subview-bar.is--default, .vxe-gantt-view--chart-subview-row > .vxe-gantt-view--chart-subview-custom-bar.is--default {
116
+ color: #ffffff;
117
+ background-color: var(--vxe-ui-gantt-view-task-bar-background-color);
118
+ }
119
+
120
+ .vxe-gantt-view--chart-bar-content-wrapper,
121
+ .vxe-gantt-view--chart-subview-bar-content-wrapper {
122
+ height: var(--vxe-ui-gantt-view-chart-bar-height);
123
+ }
124
+
125
+ .vxe-gantt-view--chart-custom-bar-content-wrapper,
126
+ .vxe-gantt-view--chart-subview-custom-bar-content-wrapper {
127
+ min-height: var(--vxe-ui-gantt-view-chart-bar-height);
128
+ }
129
+
130
+ .vxe-gantt-view--chart-bar-content-wrapper,
131
+ .vxe-gantt-view--chart-custom-bar-content-wrapper,
132
+ .vxe-gantt-view--chart-subview-bar-content-wrapper,
133
+ .vxe-gantt-view--chart-subview-custom-bar-content-wrapper {
134
+ width: 100%;
135
+ overflow: hidden;
136
+ }
137
+
138
+ .vxe-gantt-view--chart-bar-content-wrapper,
139
+ .vxe-gantt-view--chart-subview-bar-content-wrapper {
140
+ width: 100%;
141
+ display: flex;
142
+ flex-direction: row;
143
+ align-items: center;
144
+ }
145
+
146
+ .vxe-gantt-view--chart-bar,
147
+ .vxe-gantt-view--chart-custom-bar,
148
+ .vxe-gantt-view--chart-subview-bar,
149
+ .vxe-gantt-view--chart-subview-custom-bar {
150
+ align-items: center;
151
+ }
152
+ .vxe-gantt-view--chart-bar.is--default:hover::after,
153
+ .vxe-gantt-view--chart-custom-bar.is--default:hover::after,
154
+ .vxe-gantt-view--chart-subview-bar.is--default:hover::after,
155
+ .vxe-gantt-view--chart-subview-custom-bar.is--default:hover::after {
156
+ content: "";
157
+ position: absolute;
158
+ top: 0;
159
+ left: 0;
160
+ width: 100%;
161
+ height: 100%;
162
+ background-color: rgba(0, 0, 0, 0.1);
163
+ pointer-events: none;
164
+ }
165
+ .vxe-gantt-view--chart-bar.is--milestone,
166
+ .vxe-gantt-view--chart-custom-bar.is--milestone,
167
+ .vxe-gantt-view--chart-subview-bar.is--milestone,
168
+ .vxe-gantt-view--chart-subview-custom-bar.is--milestone {
169
+ white-space: nowrap;
170
+ }
171
+
172
+ .vxe-gantt-view--chart-progress {
173
+ flex-shrink: 0;
174
+ width: 0;
175
+ height: 100%;
176
+ text-align: left;
177
+ background-color: var(--vxe-ui-gantt-view-task-bar-completed-background-color);
178
+ overflow: hidden;
179
+ text-overflow: ellipsis;
180
+ white-space: nowrap;
181
+ }
182
+
183
+ .vxe-gantt-view--chart-content {
184
+ position: absolute;
185
+ width: 100%;
186
+ overflow: hidden;
187
+ text-overflow: ellipsis;
188
+ white-space: nowrap;
189
+ font-size: 0.9em;
190
+ padding: 0 0.6em;
191
+ }
192
+
193
+ .vxe-gantt-view--chart-milestone-wrapper {
194
+ display: flex;
195
+ flex-direction: row;
196
+ align-items: center;
197
+ }
198
+
199
+ .vxe-gantt-view--chart-milestone-icon {
200
+ flex-shrink: 0;
201
+ padding: 0 0.3em;
202
+ color: var(--vxe-ui-font-primary-color);
203
+ }
204
+ .vxe-gantt-view--chart-milestone-icon.theme--primary {
205
+ color: var(--vxe-ui-font-primary-color);
206
+ }
207
+ .vxe-gantt-view--chart-milestone-icon.theme--success {
208
+ color: var(--vxe-ui-status-success-color);
209
+ }
210
+ .vxe-gantt-view--chart-milestone-icon.theme--info {
211
+ color: var(--vxe-ui-status-info-color);
212
+ }
213
+ .vxe-gantt-view--chart-milestone-icon.theme--warning {
214
+ color: var(--vxe-ui-status-warning-color);
215
+ }
216
+ .vxe-gantt-view--chart-milestone-icon.theme--danger {
217
+ color: var(--vxe-ui-status-danger-color);
218
+ }
219
+ .vxe-gantt-view--chart-milestone-icon.theme--error {
220
+ color: var(--vxe-ui-status-error-color);
221
+ }
222
+ .vxe-gantt-view--chart-milestone-icon i {
223
+ display: inline-block;
224
+ }
225
+
226
+ .vxe-gantt-view--chart-milestone-content {
227
+ flex-grow: 1;
228
+ }
229
+
230
+ /*行拖拽*/
231
+ .vxe-gantt-view--chart-row.row--drag-move,
232
+ .vxe-gantt-view--chart-subview-row.row--drag-move {
233
+ transition: transform 0.5s ease;
234
+ }
235
+ .vxe-gantt-view--chart-row.row--drag-origin,
236
+ .vxe-gantt-view--chart-subview-row.row--drag-origin {
237
+ opacity: 0.3;
238
+ }
239
+
240
+ .vxe-gantt {
241
+ --vxe-ui-gantt-current-split-bar-action-btn-offset-left: 0px;
242
+ --vxe-ui-gantt-current-font-size: var(--vxe-ui-font-size-default);
243
+ }
244
+ .vxe-gantt.size--xlarge {
245
+ --vxe-ui-gantt-current-font-size: var(--vxe-ui-font-size-xlarge);
246
+ }
247
+ .vxe-gantt.size--large {
248
+ --vxe-ui-gantt-current-font-size: var(--vxe-ui-font-size-large);
249
+ }
250
+ .vxe-gantt.size--medium {
251
+ --vxe-ui-gantt-current-font-size: var(--vxe-ui-font-size-medium);
252
+ }
253
+ .vxe-gantt.size--small {
254
+ --vxe-ui-gantt-current-font-size: var(--vxe-ui-font-size-small);
255
+ }
256
+ .vxe-gantt.size--mini {
257
+ --vxe-ui-gantt-current-font-size: var(--vxe-ui-font-size-mini);
258
+ }
259
+
260
+ .vxe-gantt {
261
+ position: relative;
262
+ display: flex;
263
+ flex-direction: column;
264
+ font-size: var(--vxe-ui-gantt-current-font-size);
265
+ }
266
+ .vxe-gantt.is--loading:before {
267
+ content: "";
268
+ position: absolute;
269
+ top: 0;
270
+ left: 0;
271
+ width: 100%;
272
+ height: 100%;
273
+ z-index: 99;
274
+ -webkit-user-select: none;
275
+ -moz-user-select: none;
276
+ user-select: none;
277
+ background-color: var(--vxe-ui-loading-background-color);
278
+ }
279
+ .vxe-gantt.is--loading > .vxe-gantt-view .vxe-loading {
280
+ background-color: transparent;
281
+ }
282
+ .vxe-gantt.is--maximize {
283
+ position: fixed;
284
+ top: 0;
285
+ left: 0;
286
+ width: 100%;
287
+ height: 100%;
288
+ padding: 0.5em 1em;
289
+ background-color: var(--vxe-ui-layout-background-color);
290
+ }
291
+ .vxe-gantt.is--split-drag {
292
+ cursor: col-resize;
293
+ }
294
+ .vxe-gantt.is--split-drag .vxe-gantt--table-wrapper::after,
295
+ .vxe-gantt.is--split-drag .vxe-gantt--view-wrapper::after {
296
+ content: "";
297
+ position: absolute;
298
+ top: 0;
299
+ left: 0;
300
+ width: 100%;
301
+ height: 100%;
302
+ z-index: 1;
303
+ background: transparent;
304
+ -webkit-user-select: none;
305
+ -moz-user-select: none;
306
+ user-select: none;
307
+ }
308
+ .vxe-gantt .vxe-gantt--form-wrapper,
309
+ .vxe-gantt .vxe-gantt--top-wrapper,
310
+ .vxe-gantt .vxe-gantt--bottom-wrapper {
311
+ position: relative;
312
+ }
313
+ .vxe-gantt .vxe-gantt--gantt-container {
314
+ position: relative;
315
+ display: flex;
316
+ flex-direction: row;
317
+ flex-grow: 1;
318
+ overflow: hidden;
319
+ }
320
+ .vxe-gantt .vxe-gantt--left-wrapper,
321
+ .vxe-gantt .vxe-gantt--right-wrapper {
322
+ flex-shrink: 0;
323
+ overflow: auto;
324
+ outline: 0;
325
+ }
326
+ .vxe-gantt .vxe-gantt--table-wrapper,
327
+ .vxe-gantt .vxe-gantt--view-wrapper {
328
+ position: relative;
329
+ flex-grow: 1;
330
+ overflow: hidden;
331
+ }
332
+ .vxe-gantt .vxe-gantt--view-split-bar-handle {
333
+ background-color: var(--vxe-ui-gantt-view-split-bar-background-color);
334
+ }
335
+ .vxe-gantt .vxe-gantt--view-split-bar-handle:hover, .vxe-gantt .vxe-gantt--view-split-bar-handle:active {
336
+ background-color: var(--vxe-ui-gantt-view-split-bar-hover-background-color);
337
+ }
338
+ .vxe-gantt.is--animat .vxe-gantt--table-wrapper {
339
+ transition: width 0.3s ease-in-out;
340
+ }
341
+ .vxe-gantt.show--animat.hide--right .vxe-gantt--table-wrapper {
342
+ width: calc(100% - var(--vxe-ui-gantt-view-split-bar-width)) !important;
343
+ flex-shrink: 0;
344
+ flex-grow: unset;
345
+ }
346
+
347
+ .vxe-gantt--gantt-container.hide--left > .vxe-gantt--table-wrapper {
348
+ width: 0px !important;
349
+ flex-shrink: 0;
350
+ flex-grow: unset;
351
+ }
352
+ .vxe-gantt--gantt-container.show--left.show--right > .vxe-gantt--table-wrapper {
353
+ flex-grow: unset;
354
+ flex-shrink: 0;
355
+ width: var(--vxe-ui-gantt-view-table-default-width);
356
+ }
357
+ .vxe-gantt--gantt-container.hide--right > .vxe-gantt--view-wrapper {
358
+ width: 0px !important;
359
+ flex-shrink: 0;
360
+ flex-grow: unset;
361
+ }
362
+ .vxe-gantt--gantt-container.show--left.show--right .vxe-gantt--view-split-bar {
363
+ width: var(--vxe-ui-gantt-view-split-bar-width);
364
+ }
365
+
366
+ .vxe-gantt--view-split-bar {
367
+ width: 0;
368
+ flex-shrink: 0;
369
+ }
370
+ .vxe-gantt--view-split-bar.is--resize {
371
+ cursor: col-resize;
372
+ }
373
+
374
+ .vxe-gantt--layout-body-wrapper {
375
+ display: flex;
376
+ flex-direction: row;
377
+ overflow: auto;
378
+ flex-grow: 1;
379
+ }
380
+
381
+ .vxe-gantt--layout-body-content-wrapper {
382
+ display: flex;
383
+ flex-direction: column;
384
+ flex-grow: 1;
385
+ overflow: hidden;
386
+ }
387
+
388
+ .vxe-gantt--layout-header-wrapper,
389
+ .vxe-gantt--layout-footer-wrapper,
390
+ .vxe-gantt--layout-aside-left-wrapper,
391
+ .vxe-gantt--layout-aside-left-wrapper {
392
+ flex-shrink: 0;
393
+ overflow: auto;
394
+ }
395
+
396
+ /*边框线*/
397
+ .vxe-gantt--border-line {
398
+ position: absolute;
399
+ top: 0;
400
+ left: 0;
401
+ width: 100%;
402
+ height: 100%;
403
+ z-index: 10;
404
+ pointer-events: none;
405
+ border: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
406
+ }
407
+
408
+ .vxe-gantt.border--full .vxe-gantt-view--header-column,
409
+ .vxe-gantt.border--full .vxe-gantt-view--body-column,
410
+ .vxe-gantt.border--full .vxe-gantt-view--footer-column {
411
+ background-image: linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color)), linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color));
412
+ background-repeat: no-repeat;
413
+ background-size: var(--vxe-ui-table-border-width) 100%, 100% var(--vxe-ui-table-border-width);
414
+ background-position: right top, right bottom;
415
+ }
416
+ .vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,
417
+ .vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner::before, .vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before,
418
+ .vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner::before, .vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner::before,
419
+ .vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner::before, .vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner::before,
420
+ .vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-corner::before {
421
+ content: "";
422
+ position: absolute;
423
+ top: 0;
424
+ left: 0;
425
+ width: 100%;
426
+ height: 100%;
427
+ z-index: 1;
428
+ border-width: 0;
429
+ border-style: solid;
430
+ border-color: var(--vxe-ui-table-border-color);
431
+ }
432
+ .vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before, .vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before, .vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner::before, .vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner::before {
433
+ border-bottom-width: var(--vxe-ui-table-border-width);
434
+ }
435
+ .vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner, .vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner, .vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner, .vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-corner {
436
+ border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
437
+ }
438
+ .vxe-gantt.border--default .vxe-gantt-view--scroll-x-handle-appearance, .vxe-gantt.border--full .vxe-gantt-view--scroll-x-handle-appearance, .vxe-gantt.border--outer .vxe-gantt-view--scroll-x-handle-appearance, .vxe-gantt.border--inner .vxe-gantt-view--scroll-x-handle-appearance {
439
+ position: absolute;
440
+ left: 0;
441
+ width: 100%;
442
+ height: 100%;
443
+ z-index: 1;
444
+ pointer-events: none;
445
+ }
446
+ .vxe-gantt.border--default.sx-pos--top .vxe-gantt-view--scroll-x-handle-appearance, .vxe-gantt.border--full.sx-pos--top .vxe-gantt-view--scroll-x-handle-appearance, .vxe-gantt.border--outer.sx-pos--top .vxe-gantt-view--scroll-x-handle-appearance, .vxe-gantt.border--inner.sx-pos--top .vxe-gantt-view--scroll-x-handle-appearance {
447
+ top: 0;
448
+ border-bottom: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
449
+ }
450
+ .vxe-gantt.border--default.sx-pos--bottom .vxe-gantt-view--scroll-x-handle-appearance, .vxe-gantt.border--full.sx-pos--bottom .vxe-gantt-view--scroll-x-handle-appearance, .vxe-gantt.border--outer.sx-pos--bottom .vxe-gantt-view--scroll-x-handle-appearance, .vxe-gantt.border--inner.sx-pos--bottom .vxe-gantt-view--scroll-x-handle-appearance {
451
+ bottom: 0;
452
+ height: calc(100% + var(--vxe-ui-table-border-width));
453
+ border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
454
+ }
455
+ .vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before, .vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before {
456
+ border-left-width: var(--vxe-ui-table-border-width);
457
+ border-right-width: var(--vxe-ui-table-border-width);
458
+ }
459
+ .vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner::before, .vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner::before {
460
+ border-left-width: var(--vxe-ui-table-border-width);
461
+ border-right-width: var(--vxe-ui-table-border-width);
462
+ }
463
+ .vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-top-corner::before,
464
+ .vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-bottom-corner::before, .vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-top-corner::before,
465
+ .vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-bottom-corner::before {
466
+ width: calc(100% + 1px);
467
+ left: -1px;
468
+ }
469
+ .vxe-gantt.border--default .vxe-gantt-view--scroll-y-handle-appearance, .vxe-gantt.border--full .vxe-gantt-view--scroll-y-handle-appearance {
470
+ position: absolute;
471
+ top: 0;
472
+ width: 100%;
473
+ height: 100%;
474
+ z-index: 1;
475
+ pointer-events: none;
476
+ }
477
+ .vxe-gantt.border--default.sy-pos--left .vxe-gantt-view--scroll-y-handle-appearance, .vxe-gantt.border--full.sy-pos--left .vxe-gantt-view--scroll-y-handle-appearance {
478
+ left: 0;
479
+ border-right: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
480
+ }
481
+ .vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-handle-appearance, .vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-handle-appearance {
482
+ right: 0;
483
+ width: calc(100% + var(--vxe-ui-table-border-width));
484
+ border-left: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
485
+ }
486
+ .vxe-gantt.border--default .vxe-gantt-view--header-column,
487
+ .vxe-gantt.border--default .vxe-gantt-view--body-column,
488
+ .vxe-gantt.border--default .vxe-gantt-view--footer-column, .vxe-gantt.border--inner .vxe-gantt-view--header-column,
489
+ .vxe-gantt.border--inner .vxe-gantt-view--body-column,
490
+ .vxe-gantt.border--inner .vxe-gantt-view--footer-column {
491
+ background-image: linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color));
492
+ background-repeat: no-repeat;
493
+ background-size: 100% var(--vxe-ui-table-border-width);
494
+ background-position: right bottom;
495
+ }
496
+ .vxe-gantt.border--default .vxe-gantt-view--footer-wrapper, .vxe-gantt.border--full .vxe-gantt-view--footer-wrapper, .vxe-gantt.border--inner .vxe-gantt-view--footer-wrapper {
497
+ border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
498
+ }
499
+ .vxe-gantt.border--inner .vxe-gantt--border-line {
500
+ border-width: 0 0 1px 0;
501
+ }
502
+ .vxe-gantt.border--none .vxe-gantt--border-line {
503
+ display: none;
504
+ }
505
+
506
+ /*分割条*/
507
+ .vxe-gantt--gantt-container.is--ah-split-btn > .vxe-gantt--view-split-bar .vxe-gantt--view-split-bar-action-btn {
508
+ opacity: 0;
509
+ }
510
+ .vxe-gantt--gantt-container.is--ah-split-btn:hover > .vxe-gantt--view-split-bar .vxe-gantt--view-split-bar-action-btn {
511
+ opacity: 1;
512
+ }
513
+
514
+ .vxe-gantt--view-split-bar {
515
+ position: relative;
516
+ -webkit-user-select: none;
517
+ -moz-user-select: none;
518
+ user-select: none;
519
+ }
520
+
521
+ .vxe-gantt--view-split-bar-handle {
522
+ position: absolute;
523
+ top: 0;
524
+ left: 0;
525
+ width: 100%;
526
+ height: 100%;
527
+ z-index: 3;
528
+ }
529
+
530
+ .vxe-gantt--view-split-bar-btn-wrapper {
531
+ position: absolute;
532
+ width: 100%;
533
+ top: 50%;
534
+ transform: translateY(-50%);
535
+ z-index: 5;
536
+ pointer-events: none;
537
+ }
538
+
539
+ .vxe-gantt--view-split-bar-action-btn {
540
+ position: absolute;
541
+ display: flex;
542
+ flex-direction: row;
543
+ align-items: center;
544
+ justify-content: center;
545
+ height: var(--vxe-ui-gantt-view-split-bar-action-btn-height);
546
+ width: var(--vxe-ui-gantt-view-split-bar-action-btn-width);
547
+ border-radius: var(--vxe-ui-base-border-radius);
548
+ background-color: var(--vxe-ui-gantt-view-handle-button-background-color);
549
+ border: 1px solid var(--vxe-ui-input-border-color);
550
+ pointer-events: all;
551
+ cursor: pointer;
552
+ -webkit-user-select: none;
553
+ -moz-user-select: none;
554
+ user-select: none;
555
+ transition: all 0.1s ease-in-out;
556
+ }
557
+ .vxe-gantt--view-split-bar-action-btn:hover {
558
+ color: #ffffff;
559
+ background-color: var(--vxe-ui-font-primary-color);
560
+ }
561
+ .vxe-gantt--view-split-bar-action-btn:active {
562
+ transform: scale(0.9);
563
+ }
564
+ .vxe-gantt--view-split-bar-action-btn.is--prev {
565
+ left: calc(var(--vxe-ui-gantt-view-split-bar-action-btn-width) * -1 - var(--vxe-ui-gantt-current-split-bar-action-btn-offset-left) - 0.2em);
566
+ }
567
+ .vxe-gantt--view-split-bar-action-btn.is--next {
568
+ right: calc(var(--vxe-ui-gantt-view-split-bar-action-btn-width) * -1 - var(--vxe-ui-gantt-current-split-bar-action-btn-offset-left) - 0.2em);
569
+ }
570
+ .vxe-gantt--view-split-bar-action-btn i {
571
+ font-size: 0.5em;
572
+ }
573
+
574
+ .vxe-gantt--gantt-container.sy-pos--right.hide--right {
575
+ --vxe-ui-gantt-current-split-bar-action-btn-offset-left: var(--vxe-ui-gantt-scrollbar-width);
576
+ }
577
+ .vxe-gantt--gantt-container.sy-pos--left.hide--left {
578
+ --vxe-ui-gantt-current-split-bar-action-btn-offset-left: var(--vxe-ui-gantt-scrollbar-width);
579
+ }
580
+
581
+ .vxe-gantt--resizable-split-tip {
582
+ display: none;
583
+ position: absolute;
584
+ top: 0;
585
+ left: 0;
586
+ width: 1px;
587
+ height: 100%;
588
+ z-index: 7;
589
+ pointer-events: none;
590
+ -webkit-user-select: none;
591
+ -moz-user-select: none;
592
+ user-select: none;
593
+ cursor: col-resize;
594
+ }
595
+ .vxe-gantt--resizable-split-tip:before {
596
+ content: "";
597
+ display: block;
598
+ height: 100%;
599
+ background-color: var(--vxe-ui-table-resizable-drag-line-color);
600
+ }
601
+
602
+ .vxe-gantt--resizable-split-tip-number {
603
+ position: absolute;
604
+ top: 0;
605
+ left: 0;
606
+ -webkit-user-select: none;
607
+ -moz-user-select: none;
608
+ user-select: none;
609
+ pointer-events: none;
610
+ }
611
+
612
+ .vxe-gantt--resizable-split-number-left,
613
+ .vxe-gantt--resizable-split-number-right {
614
+ position: absolute;
615
+ padding: 0.25em 0.25em;
616
+ font-size: 12px;
617
+ border-radius: var(--vxe-ui-border-radius);
618
+ white-space: nowrap;
619
+ color: #ffffff;
620
+ background-color: var(--vxe-ui-table-resizable-drag-line-color);
621
+ }
622
+
623
+ .vxe-gantt--resizable-split-number-left {
624
+ right: 0;
625
+ }
626
+
627
+ .vxe-gantt--resizable-split-number-right {
628
+ left: 1px;
629
+ }
630
+
631
+ /*滚动条*/
632
+ .vxe-gantt.is--loading > .vxe-gantt-view--scroll-x-virtual {
633
+ visibility: hidden;
634
+ }
635
+ .vxe-gantt.is--loading > .vxe-gantt-view--layout-wrapper > .vxe-gantt-view--scroll-y-virtual {
636
+ visibility: hidden;
637
+ }
638
+ .vxe-gantt .vxe-gantt-view--scroll-x-virtual {
639
+ height: 0;
640
+ }
641
+ .vxe-gantt .vxe-gantt-view--scroll-y-virtual {
642
+ width: 0;
643
+ }
644
+ .vxe-gantt .vxe-gantt-view--scroll-x-virtual,
645
+ .vxe-gantt .vxe-gantt-view--scroll-y-virtual {
646
+ visibility: hidden;
647
+ position: relative;
648
+ flex-shrink: 0;
649
+ z-index: 7;
650
+ }
651
+ .vxe-gantt .vxe-gantt-view--scroll-x-handle,
652
+ .vxe-gantt .vxe-gantt-view--scroll-y-handle,
653
+ .vxe-gantt .vxe-gantt-view--scroll-x-wrapper,
654
+ .vxe-gantt .vxe-gantt-view--scroll-y-wrapper,
655
+ .vxe-gantt .vxe-gantt-view--scroll-y-top-corner,
656
+ .vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,
657
+ .vxe-gantt .vxe-gantt-view--scroll-x-left-corner,
658
+ .vxe-gantt .vxe-gantt-view--scroll-x-right-corner {
659
+ position: absolute;
660
+ }
661
+ .vxe-gantt .vxe-gantt-view--scroll-x-handle,
662
+ .vxe-gantt .vxe-gantt-view--scroll-x-wrapper {
663
+ width: 100%;
664
+ left: 0;
665
+ bottom: 0;
666
+ }
667
+ .vxe-gantt .vxe-gantt-view--scroll-x-handle {
668
+ overflow-y: hidden;
669
+ overflow-x: scroll;
670
+ height: 18px;
671
+ }
672
+ .vxe-gantt .vxe-gantt-view--scroll-x-wrapper {
673
+ height: 100%;
674
+ }
675
+ .vxe-gantt .vxe-gantt-view--scroll-y-handle,
676
+ .vxe-gantt .vxe-gantt-view--scroll-y-wrapper {
677
+ width: 100%;
678
+ height: 100%;
679
+ right: 0;
680
+ top: 0;
681
+ }
682
+ .vxe-gantt .vxe-gantt-view--scroll-y-handle {
683
+ overflow-y: scroll;
684
+ overflow-x: hidden;
685
+ width: 18px;
686
+ height: 100%;
687
+ }
688
+ .vxe-gantt .vxe-gantt-view--scroll-x-space {
689
+ height: 1px;
690
+ }
691
+ .vxe-gantt .vxe-gantt-view--scroll-y-space {
692
+ width: 1px;
693
+ }
694
+ .vxe-gantt .vxe-gantt-view--scroll-x-left-corner,
695
+ .vxe-gantt .vxe-gantt-view--scroll-x-right-corner,
696
+ .vxe-gantt .vxe-gantt-view--scroll-y-top-corner,
697
+ .vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner {
698
+ display: none;
699
+ position: absolute;
700
+ }
701
+ .vxe-gantt .vxe-gantt-view--scroll-x-left-corner,
702
+ .vxe-gantt .vxe-gantt-view--scroll-x-right-corner {
703
+ bottom: 0;
704
+ width: 0;
705
+ height: 100%;
706
+ }
707
+ .vxe-gantt .vxe-gantt-view--scroll-x-left-corner::before,
708
+ .vxe-gantt .vxe-gantt-view--scroll-x-right-corner::before {
709
+ content: "";
710
+ position: absolute;
711
+ top: 0;
712
+ left: 0;
713
+ width: 100%;
714
+ height: 100%;
715
+ z-index: 1;
716
+ border-width: var(--vxe-ui-table-border-width);
717
+ border-style: solid;
718
+ border-color: var(--vxe-ui-table-border-color);
719
+ }
720
+ .vxe-gantt .vxe-gantt-view--scroll-x-left-corner {
721
+ left: 0;
722
+ }
723
+ .vxe-gantt .vxe-gantt-view--scroll-x-right-corner {
724
+ right: 0;
725
+ }
726
+ .vxe-gantt.sy-pos--right .vxe-gantt-view--scroll-x-right-corner {
727
+ right: 1px;
728
+ }
729
+ .vxe-gantt.sy-pos--right .vxe-gantt-view--scroll-x-right-corner::before {
730
+ border-right: 0;
731
+ }
732
+ .vxe-gantt.sx-pos--bottom .vxe-gantt-view--scroll-x-right-corner {
733
+ bottom: 1px;
734
+ }
735
+ .vxe-gantt.sx-pos--bottom .vxe-gantt-view--scroll-x-right-corner::before {
736
+ border-bottom: 0;
737
+ }
738
+ .vxe-gantt .vxe-gantt-view--scroll-y-top-corner {
739
+ background-color: var(--vxe-ui-table-header-background-color);
740
+ }
741
+ .vxe-gantt .vxe-gantt-view--scroll-y-top-corner,
742
+ .vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner {
743
+ top: 0;
744
+ right: 0;
745
+ width: 100%;
746
+ height: 0;
747
+ }
748
+ .vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner {
749
+ margin-top: -1px;
750
+ }
751
+
752
+ .vxe-gantt-view--layout-wrapper {
753
+ display: flex;
754
+ flex-direction: row;
755
+ background-color: var(--vxe-ui-layout-background-color);
756
+ }
757
+
758
+ .vxe-gantt-view--viewport-wrapper {
759
+ position: relative;
760
+ overflow: hidden;
761
+ flex-grow: 1;
762
+ }
763
+
764
+ .vxe-gantt-view--render-vars {
765
+ width: 0;
766
+ height: 0;
767
+ overflow: hidden;
768
+ }
769
+
770
+ .vxe-gantt-view--column-info {
771
+ width: var(--vxe-ui-gantt-view-default-cell-width);
772
+ }
773
+
774
+ .vxe-gantt-view {
775
+ flex-grow: 1;
776
+ overflow: hidden;
777
+ }
778
+ .vxe-gantt-view .vxe-body--x-space {
779
+ width: 100%;
780
+ height: 1px;
781
+ margin-bottom: -1px;
782
+ }
783
+ .vxe-gantt-view .vxe-body--y-space {
784
+ width: 0;
785
+ float: left;
786
+ }
787
+
788
+ .vxe-gantt-view--header-table,
789
+ .vxe-gantt-view--body-table {
790
+ border: 0;
791
+ border-spacing: 0;
792
+ border-collapse: separate;
793
+ table-layout: fixed;
794
+ }
795
+ .vxe-gantt-view--header-table col,
796
+ .vxe-gantt-view--body-table col {
797
+ width: var(--vxe-ui-gantt-view-default-cell-width);
798
+ }
799
+
800
+ .vxe-gantt-view--body-table {
801
+ -webkit-user-select: none;
802
+ -moz-user-select: none;
803
+ user-select: none;
804
+ }
805
+
806
+ .vxe-gantt-view--header-wrapper {
807
+ background-color: var(--vxe-ui-table-header-background-color);
808
+ }
809
+
810
+ .vxe-gantt-view--footer-wrapper {
811
+ margin-top: calc(var(--vxe-ui-table-border-width) * -1);
812
+ background-color: var(--vxe-ui-table-footer-background-color);
813
+ }
814
+
815
+ .vxe-gantt-view--header-wrapper,
816
+ .vxe-gantt-view--body-wrapper {
817
+ overflow: hidden;
818
+ }
819
+
820
+ .vxe-gantt-view--header-inner-wrapper {
821
+ overflow-y: hidden;
822
+ overflow-x: scroll;
823
+ }
824
+
825
+ .vxe-gantt-view--body-inner-wrapper {
826
+ overflow-y: scroll;
827
+ overflow-x: scroll;
828
+ }
829
+
830
+ .vxe-gantt-view--header-inner-wrapper,
831
+ .vxe-gantt-view--body-inner-wrapper {
832
+ position: relative;
833
+ width: 100%;
834
+ height: 100%;
835
+ scrollbar-width: none;
836
+ -ms-overflow-style: none;
837
+ -webkit-overflow-scrolling: touch;
838
+ }
839
+ .vxe-gantt-view--header-inner-wrapper::-webkit-scrollbar,
840
+ .vxe-gantt-view--body-inner-wrapper::-webkit-scrollbar {
841
+ display: none;
842
+ }
843
+
844
+ .vxe-gantt-view--header-column {
845
+ text-align: center;
846
+ font-size: 1em;
847
+ height: var(--vxe-ui-gantt-view-cell-height, var(--vxe-ui-table-row-line-height));
848
+ }
849
+ .vxe-gantt-view--header-column.is--now {
850
+ color: var(--vxe-ui-gantt-view-task-now-line-color, var(--vxe-ui-font-primary-color));
851
+ }
852
+
853
+ .vxe-gantt-view--header-column,
854
+ .vxe-gantt-view--body-column,
855
+ .vxe-gantt-view--footer-column {
856
+ position: relative;
857
+ overflow: hidden;
858
+ text-overflow: ellipsis;
859
+ white-space: nowrap;
860
+ }
861
+
862
+ .vxe-gantt-view--body-row.row--pending > .vxe-gantt-view--body-column::after {
863
+ content: "";
864
+ position: absolute;
865
+ top: 50%;
866
+ left: 0;
867
+ width: 100%;
868
+ height: 0;
869
+ border-bottom: 1px solid var(--vxe-ui-table-validate-error-color);
870
+ z-index: 1;
871
+ }
872
+
873
+ .vxe-gantt-view--chart-now-line {
874
+ position: absolute;
875
+ left: 0;
876
+ top: 0;
877
+ height: 100%;
878
+ }
879
+ .vxe-gantt-view--chart-now-line::before {
880
+ content: "";
881
+ display: block;
882
+ width: var(--vxe-ui-gantt-view-task-now-line-width, 1px);
883
+ height: 100%;
884
+ background-color: var(--vxe-ui-gantt-view-task-now-line-background-color, var(--vxe-ui-font-primary-color));
885
+ }
886
+
887
+ .vxe-gantt-view--body-row.row--stripe {
888
+ background-color: var(--vxe-ui-table-row-striped-background-color);
889
+ }
890
+ .vxe-gantt-view--body-row.row--radio {
891
+ background-color: var(--vxe-ui-table-row-radio-checked-background-color);
892
+ }
893
+ .vxe-gantt-view--body-row.row--checked {
894
+ background-color: var(--vxe-ui-table-row-checkbox-checked-background-color);
895
+ }
896
+ .vxe-gantt-view--body-row.row--current {
897
+ background-color: var(--vxe-ui-table-row-current-background-color);
898
+ }
899
+ .vxe-gantt-view--body-row.row--hover {
900
+ background-color: var(--vxe-ui-table-row-hover-background-color);
901
+ }
902
+ .vxe-gantt-view--body-row.row--hover.row--stripe {
903
+ background-color: var(--vxe-ui-table-row-hover-striped-background-color);
904
+ }
905
+ .vxe-gantt-view--body-row.row--hover.row--radio {
906
+ background-color: var(--vxe-ui-table-row-hover-radio-checked-background-color);
907
+ }
908
+ .vxe-gantt-view--body-row.row--hover.row--checked {
909
+ background-color: var(--vxe-ui-table-row-hover-checkbox-checked-background-color);
910
+ }
911
+ .vxe-gantt-view--body-row.row--hover.row--current {
912
+ background-color: var(--vxe-ui-table-row-hover-current-background-color);
913
+ }
914
+
915
+ /*行拖拽*/
916
+ .vxe-gantt-view--body-row.row--drag-move {
917
+ transition: transform 0.5s ease;
918
+ }
919
+ .vxe-gantt-view--body-row.row--drag-origin > .vxe-gantt-view--body-column {
920
+ opacity: 0.3;
921
+ }
922
+
923
+ .vxe-gantt-view--body-column .vxe-gantt-view-cell--row-resizable {
924
+ position: absolute;
925
+ left: 0;
926
+ bottom: -0.4em;
927
+ height: 0.8em;
928
+ width: 100%;
929
+ text-align: center;
930
+ z-index: 1;
931
+ cursor: row-resize;
932
+ }
933
+
934
+ .vxe-gantt-view--body-row:last-child .vxe-gantt-view--body-column .vxe-gantt-view-cell--row-resizable {
935
+ height: 0.4em;
936
+ bottom: -0px;
937
+ }
938
+
939
+ .vxe-gantt--layout-wrapper.is--virtual-scrollbar.ov-padding.overflow-x.sx-pos--top > .vxe-gantt-view--viewport-wrapper {
940
+ padding-top: var(--vxe-ui-scrollbar-x-height);
941
+ }
942
+ .vxe-gantt--layout-wrapper.is--virtual-scrollbar.ov-padding.overflow-x.sx-pos--bottom > .vxe-gantt-view--viewport-wrapper {
943
+ padding-bottom: var(--vxe-ui-scrollbar-x-height);
944
+ }
945
+ .vxe-gantt--layout-wrapper.is--virtual-scrollbar.ov-padding.overflow-y.sy-pos--left > .vxe-gantt-view--viewport-wrapper {
946
+ padding-left: var(--vxe-ui-scrollbar-y-width);
947
+ }
948
+ .vxe-gantt--layout-wrapper.is--virtual-scrollbar.ov-padding.overflow-y.sy-pos--right > .vxe-gantt-view--viewport-wrapper {
949
+ padding-right: var(--vxe-ui-scrollbar-y-width);
950
+ }
951
+ .vxe-gantt--layout-wrapper > .vxe-scrollbar {
952
+ position: unset;
953
+ }
954
+
955
+ .vxe-gantt--gantt-container.is--virtual-scrollbar.ov-x--auto-hide:hover > .vxe-gantt--table-wrapper > .vxe-table > .vxe-table--render-wrapper > .vxe-table--layout-wrapper > .vxe-scrollbar > .vxe-scrollbar--track-x {
956
+ opacity: 1;
957
+ }
958
+ .vxe-gantt--gantt-container.is--virtual-scrollbar.ov-x--auto-hide:hover > .vxe-gantt--view-wrapper > .vxe-gantt-view > .vxe-gantt-view--render-wrapper > .vxe-gantt--layout-wrapper > .vxe-scrollbar > .vxe-scrollbar--track-x {
959
+ opacity: 1;
960
+ }
961
+ .vxe-gantt--gantt-container.is--virtual-scrollbar.ov-x--auto-hide > .vxe-gantt--table-wrapper > .vxe-table > .vxe-table--render-wrapper > .vxe-table--layout-wrapper > .vxe-scrollbar > .vxe-scrollbar--track-x {
962
+ opacity: 0;
963
+ transition: opacity 0.8s ease-in-out;
964
+ }
965
+ .vxe-gantt--gantt-container.is--virtual-scrollbar.ov-x--auto-hide > .vxe-gantt--view-wrapper > .vxe-gantt-view > .vxe-gantt-view--render-wrapper > .vxe-gantt--layout-wrapper > .vxe-scrollbar > .vxe-scrollbar--track-x {
966
+ opacity: 0;
967
+ transition: opacity 0.8s ease-in-out;
968
+ }
969
+ .vxe-gantt--gantt-container.is--virtual-scrollbar.ov-y--auto-hide:hover > .vxe-gantt--table-wrapper > .vxe-table > .vxe-table--render-wrapper > .vxe-table--layout-wrapper > .vxe-scrollbar > .vxe-scrollbar--track-y {
970
+ opacity: 1;
971
+ }
972
+ .vxe-gantt--gantt-container.is--virtual-scrollbar.ov-y--auto-hide:hover > .vxe-gantt--view-wrapper > .vxe-gantt-view > .vxe-gantt-view--render-wrapper > .vxe-gantt--layout-wrapper > .vxe-scrollbar > .vxe-scrollbar--track-y {
973
+ opacity: 1;
974
+ }
975
+ .vxe-gantt--gantt-container.is--virtual-scrollbar.ov-y--auto-hide > .vxe-gantt--table-wrapper > .vxe-table > .vxe-table--render-wrapper > .vxe-table--layout-wrapper > .vxe-scrollbar > .vxe-scrollbar--track-y {
976
+ opacity: 0;
977
+ transition: opacity 0.8s ease-in-out;
978
+ }
979
+ .vxe-gantt--gantt-container.is--virtual-scrollbar.ov-y--auto-hide > .vxe-gantt--view-wrapper > .vxe-gantt-view > .vxe-gantt-view--render-wrapper > .vxe-gantt--layout-wrapper > .vxe-scrollbar > .vxe-scrollbar--track-y {
980
+ opacity: 0;
981
+ transition: opacity 0.8s ease-in-out;
982
+ }