@kilyakus/js-dockview 17.26.4 → 19.26.4
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{-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{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-x:auto;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;min-width:0;min-height:0}.view-dock-items::-webkit-scrollbar{display:none}.view-dock-items.has-scrollview{overflow:hidden}.view-dock-items-content{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;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;width:100%;min-width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.view-dock--left .view-dock-items,.view-dock--right .view-dock-items{width:100%}.view-dock--left .view-dock-items-content,.view-dock--right .view-dock-items-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:
|
|
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{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-x:auto;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;min-width:0;min-height:0}.view-dock-items::-webkit-scrollbar{display:none}.view-dock-items.has-scrollview{overflow:hidden}.view-dock-items-content{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;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;width:100%;min-width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.view-dock--left .view-dock-items,.view-dock--right .view-dock-items{width:100%}.view-dock--left .view-dock-items-content,.view-dock--right .view-dock-items-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:5px;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;min-height:100%}.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;flex-shrink:0}.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:100%;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)}
|