@kilyakus/js-dockview 9.26.3 → 11.26.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.
- package/css/dockview.min.css +1 -1
- package/js/dockview.min.js +2 -2
- package/package.json +1 -1
package/css/dockview.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.view-dock-transition{transition:padding .3s ease!important}.view-dock{position:fixed;z-index:999999;background:rgba(20,20,25,.8);backdrop-filter:blur(10px);border-radius:0;border:1px solid transparent;transition:border-radius .3s ease;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;gap:0;box-sizing:border-box}.view-dock--top{top:0;bottom:auto;left:0;right:0;height:var(--dock-size,50px);border-bottom:1px solid rgba(255,255,255,.1)}.view-dock--bottom{bottom:0;top:auto;left:0;right:0;height:var(--dock-size,50px);border-top:1px solid rgba(255,255,255,.1)}.view-dock--left{left:0;right:auto;top:0;bottom:0;width:var(--dock-size,50px);height:auto;border-right:1px solid rgba(255,255,255,.1);flex-direction:column;justify-content:center;align-items:center}.view-dock--right{right:0;left:auto;top:0;bottom:0;width:var(--dock-size,50px);height:auto;border-left:1px solid rgba(255,255,255,.1);flex-direction:column;justify-content:center;align-items:center}.view-dock-handle{display:flex;align-items:center;justify-content:center;width:var(--dock-size,50px);height:var(--dock-size,50px);cursor:grab;flex-shrink:0;transition:background .3s ease}.view-dock-handle:active{cursor:grabbing}.view-dock-grip{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;transition:gap .3s cubic-bezier(.4, 0, .2, 1);pointer-events:none}.grip-cube{width:4px;height:4px;background:rgba(255,255,255,.4);border-radius:1px;transition:background .3s ease}.view-dock-handle:hover .view-dock-grip{gap:6px}.view-dock.dragging .view-dock-grip{gap:1px}.view-dock.dragging .grip-cube{background:rgba(0,160,255,.8)}.view-dock-items{display:flex;gap:6px;flex:1;padding:0 8px;align-items:center;justify-content:flex-start;overflow:hidden}.view-dock--left .view-dock-items,.view-dock--right .view-dock-items{flex-direction:column;padding:8px 0}.view-dock .view-dock-item{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.08);color:#fff;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;border-radius:6px;transition:background .2s;min-width:0;overflow:hidden}.view-dock .view-dock-item span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-dock--bottom .view-dock-item,.view-dock--top .view-dock-item{height:36px;padding:0 12px;min-width:36px;max-width:160px;font-size:13px}.view-dock--left .view-dock-item,.view-dock--right .view-dock-item{width:36px;height:36px;padding:6px 0 6px 6px;font-size:11px;justify-content:center}.view-dock--left .view-dock-item span,.view-dock--right .view-dock-item span{text-align:center}.view-dock.dragging{border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
|
|
1
|
+
.view-dock-transition{-webkit-transition:padding .3s ease!important;transition:padding .3s ease!important}.view-dock{position:fixed;z-index:999999;background:rgba(20,20,25,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0;border:1px solid transparent;-webkit-transition:border-radius .3s ease;transition:border-radius .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;gap:0;-webkit-box-sizing:border-box;box-sizing:border-box}.view-dock--top{top:0;bottom:auto;left:0;right:0;height:var(--dock-size,50px);border-bottom:1px solid rgba(255,255,255,.1)}.view-dock--bottom{bottom:0;top:auto;left:0;right:0;height:var(--dock-size,50px);border-top:1px solid rgba(255,255,255,.1)}.view-dock--left{left:0;right:auto;top:0;bottom:0;width:var(--dock-size,50px);height:auto;border-right:1px solid rgba(255,255,255,.1);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view-dock--right{right:0;left:auto;top:0;bottom:0;width:var(--dock-size,50px);height:auto;border-left:1px solid rgba(255,255,255,.1);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view-dock-handle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:var(--dock-size,50px);height:var(--dock-size,50px);cursor:-webkit-grab;cursor:grab;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:background .3s ease;transition:background .3s ease}.view-dock-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.view-dock-grip{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);gap:3px;-webkit-transition:gap .3s cubic-bezier(.4, 0, .2, 1);transition:gap .3s cubic-bezier(.4, 0, .2, 1);pointer-events:none}.grip-cube{width:4px;height:4px;background:rgba(255,255,255,.4);border-radius:1px;-webkit-transition:background .3s ease;transition:background .3s ease}.view-dock-handle:hover .view-dock-grip{gap:6px}.view-dock.dragging .view-dock-grip{gap:1px}.view-dock.dragging .grip-cube{background:rgba(0,160,255,.8)}.view-dock-items{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden}.view-dock--left .view-dock-items,.view-dock--right .view-dock-items{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:8px 0}.view-dock .view-dock-item{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.08);color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;cursor:pointer;border-radius:6px;-webkit-transition:background .2s;transition:background .2s;min-width:0;overflow:hidden}.view-dock .view-dock-item span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-dock--bottom .view-dock-item,.view-dock--top .view-dock-item{height:36px;padding:0 12px;min-width:36px;max-width:160px;font-size:13px}.view-dock--left .view-dock-item,.view-dock--right .view-dock-item{width:36px;height:36px;padding:6px 0 6px 6px;font-size:11px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.view-dock--left .view-dock-item span,.view-dock--right .view-dock-item span{text-align:center}.view-dock.dragging{border-radius:10px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.3);box-shadow:0 10px 30px rgba(0,0,0,.3)}
|