boba/Wherry
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: auto dual-pane on connect, add resize handles, always show close btn

Browse source
This commit is contained in:
loki5512344 2026-07-14 14:48:12 +02:00
parent 7ced3bc24f
commit b2413e5e5a
Signed by: boba
GPG key ID: 253067914055423B
3 changed files with 146 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

37
frontend/css/layout.css
View file

@ -649,8 +649,42 @@ html[data-platform="linux"] ::-webkit-scrollbar {
height: 7px;
}
/* ── Pane resize handle ──────────────────────────────────────────────── */
.pane-resize-handle {
width: 5px;
cursor: col-resize;
background: transparent;
position: relative;
z-index: 10;
flex-shrink: 0;
margin: 0 -2px;
transition: background 0.12s var(--ease-out);
}
.pane-resize-handle:hover,
.pane-resize-handle:active {
background: var(--accent-soft);
}
.pane-resize-handle::after {
content: "";
position: absolute;
left: 2px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 36px;
background: var(--border);
border-radius: 1px;
transition: background 0.12s var(--ease-out), height 0.12s var(--ease-out);
}
.pane-resize-handle:hover::after,
.pane-resize-handle:active::after {
background: var(--accent);
height: 48px;
}
/* ── Split-pane grid ─────────────────────────────────────────────────── */
.pane-grid {
display: grid;
flex: 1;
min-height: 0;
}
@ -663,9 +697,6 @@ html[data-platform="linux"] ::-webkit-scrollbar {
position: relative;
overflow: hidden;
}
.pane-cell + .pane-cell {
border-left: 1px solid var(--border);
}
.pane-cell.drop-zone {
background: var(--bg-panel);
outline: 2px solid var(--accent);