dockview-react 1.17.0 → 1.17.2

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.
@@ -15,6 +15,7 @@
15
15
  --dv-tabs-container-scrollbar-color: #888;
16
16
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
17
17
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
18
+ --dv-overlay-z-index: 999;
18
19
  --dv-group-view-background-color: #1e1e1e;
19
20
  --dv-tabs-and-actions-container-background-color: #252526;
20
21
  --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;
@@ -40,6 +41,7 @@
40
41
  --dv-tabs-container-scrollbar-color: #888;
41
42
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
42
43
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
44
+ --dv-overlay-z-index: 999;
43
45
  --dv-group-view-background-color: white;
44
46
  --dv-tabs-and-actions-container-background-color: #f3f3f3;
45
47
  --dv-activegroup-visiblepanel-tab-background-color: white;
@@ -65,6 +67,7 @@
65
67
  --dv-tabs-container-scrollbar-color: #888;
66
68
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
67
69
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
70
+ --dv-overlay-z-index: 999;
68
71
  --dv-group-view-background-color: #1e1e1e;
69
72
  --dv-tabs-and-actions-container-background-color: #252526;
70
73
  --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;
@@ -119,6 +122,7 @@
119
122
  --dv-tabs-container-scrollbar-color: #888;
120
123
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
121
124
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
125
+ --dv-overlay-z-index: 999;
122
126
  --dv-group-view-background-color: #000c18;
123
127
  --dv-tabs-and-actions-container-background-color: #1c1c2a;
124
128
  --dv-activegroup-visiblepanel-tab-background-color: #000c18;
@@ -145,6 +149,7 @@
145
149
  --dv-tabs-container-scrollbar-color: #888;
146
150
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
147
151
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
152
+ --dv-overlay-z-index: 999;
148
153
  --dv-group-view-background-color: #282a36;
149
154
  --dv-tabs-and-actions-container-background-color: #191a21;
150
155
  --dv-activegroup-visiblepanel-tab-background-color: #282a36;
@@ -197,6 +202,7 @@
197
202
  --dv-tabs-container-scrollbar-color: #888;
198
203
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
199
204
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
205
+ --dv-overlay-z-index: 999;
200
206
  --dv-group-view-background-color: #ebeced;
201
207
  --dv-tabs-and-actions-container-background-color: #fcfcfc;
202
208
  --dv-activegroup-visiblepanel-tab-background-color: #f0f1f2;
@@ -394,8 +400,9 @@
394
400
  }
395
401
 
396
402
  .dv-resize-container {
403
+ --dv-overlay-z-index: var(--dv-overlay-z-index, 999);
397
404
  position: absolute;
398
- z-index: 997;
405
+ z-index: calc(var(--dv-overlay-z-index) - 2);
399
406
  border: 1px solid var(--dv-tab-divider-color);
400
407
  box-shadow: var(--dv-floating-box-shadow);
401
408
  }
@@ -407,7 +414,7 @@
407
414
  width: calc(100% - 8px);
408
415
  left: 4px;
409
416
  top: -2px;
410
- z-index: 999;
417
+ z-index: var(--dv-overlay-z-index);
411
418
  position: absolute;
412
419
  cursor: ns-resize;
413
420
  }
@@ -416,7 +423,7 @@
416
423
  width: calc(100% - 8px);
417
424
  left: 4px;
418
425
  bottom: -2px;
419
- z-index: 999;
426
+ z-index: var(--dv-overlay-z-index);
420
427
  position: absolute;
421
428
  cursor: ns-resize;
422
429
  }
@@ -425,7 +432,7 @@
425
432
  width: 4px;
426
433
  left: -2px;
427
434
  top: 4px;
428
- z-index: 999;
435
+ z-index: var(--dv-overlay-z-index);
429
436
  position: absolute;
430
437
  cursor: ew-resize;
431
438
  }
@@ -434,7 +441,7 @@
434
441
  width: 4px;
435
442
  right: -2px;
436
443
  top: 4px;
437
- z-index: 999;
444
+ z-index: var(--dv-overlay-z-index);
438
445
  position: absolute;
439
446
  cursor: ew-resize;
440
447
  }
@@ -443,7 +450,7 @@
443
450
  width: 4px;
444
451
  top: -2px;
445
452
  left: -2px;
446
- z-index: 999;
453
+ z-index: var(--dv-overlay-z-index);
447
454
  position: absolute;
448
455
  cursor: nw-resize;
449
456
  }
@@ -452,7 +459,7 @@
452
459
  width: 4px;
453
460
  right: -2px;
454
461
  top: -2px;
455
- z-index: 999;
462
+ z-index: var(--dv-overlay-z-index);
456
463
  position: absolute;
457
464
  cursor: ne-resize;
458
465
  }
@@ -461,7 +468,7 @@
461
468
  width: 4px;
462
469
  left: -2px;
463
470
  bottom: -2px;
464
- z-index: 999;
471
+ z-index: var(--dv-overlay-z-index);
465
472
  position: absolute;
466
473
  cursor: sw-resize;
467
474
  }
@@ -470,18 +477,20 @@
470
477
  width: 4px;
471
478
  right: -2px;
472
479
  bottom: -2px;
473
- z-index: 999;
480
+ z-index: var(--dv-overlay-z-index);
474
481
  position: absolute;
475
482
  cursor: se-resize;
476
483
  }
477
484
  .dv-render-overlay {
485
+ --dv-overlay-z-index: var(--dv-overlay-z-index, 999);
478
486
  position: absolute;
479
487
  z-index: 1;
480
488
  height: 100%;
481
489
  }
482
490
  .dv-render-overlay.dv-render-overlay-float {
483
- z-index: 998;
491
+ z-index: calc(var(--dv-overlay-z-index) - 1);
484
492
  }
493
+
485
494
  .dv-debug .dv-render-overlay {
486
495
  outline: 1px solid red;
487
496
  outline-offset: -1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dockview-react",
3
- "version": "1.17.0",
3
+ "version": "1.17.2",
4
4
  "description": "Zero dependency layout manager supporting tabs, grids and splitviews",
5
5
  "keywords": [
6
6
  "splitview",
@@ -54,6 +54,6 @@
54
54
  "test:cov": "cross-env ../../node_modules/.bin/jest --selectProjects dockview-react --coverage"
55
55
  },
56
56
  "dependencies": {
57
- "dockview": "^1.17.0"
57
+ "dockview": "^1.17.2"
58
58
  }
59
59
  }