an.tsouchlos/brittle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add pane resizing

Browse Source
This commit is contained in:
Andreas Tsouchlos
2026-03-27 16:20:05 +01:00
parent cdcc119e41
commit 270c8adc11
7 changed files with 178 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
brittle-ui/style.css
View File

@@ -117,18 +117,38 @@ ul { list-style: none; }
height: 100%;
}
.resizer {
width: 2px;
background: var(--border);
cursor: col-resize;
flex-shrink: 0;
transition: background 0.2s;
z-index: 10;
position: relative;
}
.resizer::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -4px;
right: -4px;
}
.resizer:hover, .resizer.resizing {
background: var(--accent);
}
.pane {
display: flex;
flex-direction: column;
overflow: hidden;
border-right: 1px solid var(--border);
}
.pane:last-child { border-right: none; }
.pane-left { width: 220px; flex-shrink: 0; }
.pane-left { flex-shrink: 0; }
.pane-center { flex: 1; min-width: 0; }
.pane-right { width: 300px; flex-shrink: 0; }
.pane-right { flex-shrink: 0; }
.pane-focused { outline: 1px solid var(--focused-ring); outline-offset: -1px; }