detached 8702b01

fix(xp-window): comfortable 30px title bar with XP-sized controls

commit
8702b0172b78a9f486ec916a74fed7e15c50b327
author
Kit · · 2026-09-27 13:19 UTC
parent
72abcb1
signature
SSH UnverifiedSHA256:H91DFuEG4jpk5edzLA4aUKkpv4zv9Q339ipRmkph6Tk The key is unknown
1 file · +23 -1
M src/lib/components/desktop/xp-window.svelte +23 -1
@@ -195,16 +195,38 @@
195195 display: flex;
196196 align-items: center;
197197 flex: 0 0 auto;
198+ height: 30px;
199+ box-sizing: border-box;
200+ padding: 0 5px 0 4px;
201+ font-size: 13px;
198202 }
199203
200204 .title-bar-text {
201205 display: flex;
202206 align-items: center;
203- gap: 4px;
207+ gap: 5px;
204208 white-space: nowrap;
205209 overflow: hidden;
206210 text-overflow: ellipsis;
207211 min-width: 0;
212+ flex: 1;
213+ margin-right: 8px;
214+ }
215+
216+ .title-bar-controls {
217+ display: flex;
218+ align-items: center;
219+ gap: 2px;
220+ flex: 0 0 auto;
221+ }
222+
223+ .title-bar-controls button {
224+ width: 21px;
225+ height: 21px;
226+ min-width: 21px;
227+ min-height: 21px;
228+ margin: 0;
229+ flex: 0 0 21px;
208230 }
209231
210232 .title-text {
@@ -195,16 +195,38 @@
195 display: flex;195 display: flex;
196 align-items: center;196 align-items: center;
197 flex: 0 0 auto;197 flex: 0 0 auto;
198+ height: 30px;
199+ box-sizing: border-box;
200+ padding: 0 5px 0 4px;
201+ font-size: 13px;
198 }202 }
199 203
200 .title-bar-text {204 .title-bar-text {
201 display: flex;205 display: flex;
202 align-items: center;206 align-items: center;
203- gap: 4px;207+ gap: 5px;
204 white-space: nowrap;208 white-space: nowrap;
205 overflow: hidden;209 overflow: hidden;
206 text-overflow: ellipsis;210 text-overflow: ellipsis;
207 min-width: 0;211 min-width: 0;
212+ flex: 1;
213+ margin-right: 8px;
214+ }
215+
216+ .title-bar-controls {
217+ display: flex;
218+ align-items: center;
219+ gap: 2px;
220+ flex: 0 0 auto;
221+ }
222+
223+ .title-bar-controls button {
224+ width: 21px;
225+ height: 21px;
226+ min-width: 21px;
227+ min-height: 21px;
228+ margin: 0;
229+ flex: 0 0 21px;
208 }230 }
209 231
210 .title-text {232 .title-text {

Keyboard shortcuts

Single-key shortcuts are on. ctrl k and esc work whatever this says.

ctrl k :
go to a section, branch, tag, file or repository
?
this list
j k
move the row cursor down / up
enter
open the row under the cursor; on Files, a directory opens or closes in place
↑ ↓ ← → home end
in the file tree (focus on a row): previous / next row, close / open a directory or go to its parent / first entry, first / last row. They never open a file
l h
on Files: open a directory or a file / close a directory or go up to its parent, then to the parent page. Elsewhere: into the side panel (on a merge request, its files) / back to the content; there j k move between its controls
g g G
first / last row
/
filter the list; on Files, find a file anywhere in the repository (esc clears, enter opens the best match)
b
switch branch or tag
g s g f g c g b g m g i g r g a
tabs: summary, files, commits, branches & tags, merge requests, issues, releases, actions (when available)
g h
home
w
wide mode: use the whole width of the screen, or not (remembered)
y
copy a permalink pinned to the commit
d u x
diff: split / unified / collapse or expand all
e E
diff: the whole file in view / every file, with the lines the hunks hide
n
merge request: next note in the diff
esc
close a dialog, leave a field

Branches 3

Tags 8

↑↓ moveenter openesc close