gsadmin/Firelink
1
0
Fork 0
mirror of https://github.com/nimbold/Firelink.git synced 2026-07-26 12:08:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): refine Windows window controls

Browse Source 
Place the close action at the outer sidebar corner, round the caption hit regions, and align the controls with the titlebar content.

Refs #31
This commit is contained in:
NimBold
2026-07-23 16:40:09 +03:30
parent 4e3ceb21a5
commit 4374219685
1 changed files with 37 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.css
+37 -7
View File
@@ -1784,11 +1784,12 @@ html[data-list-density="relaxed"] {
}
/* Windows 11 caption-button treatment: full-width hit targets, neutral
glyphs, and the conventional minimize/maximize/close order. */
glyphs, side-aware close placement, and rounded outer corners. */
.window-controls--style-windows {
top: 10px;
top: 18px;
gap: 0;
flex-direction: row;
border-radius: 10px;
}
.window-controls--style-windows .window-control {
@@ -1803,17 +1804,46 @@ html[data-list-density="relaxed"] {
}
.window-controls--style-windows .window-control.minimize {
order: 1;
}
.window-controls--style-windows .window-control.maximize {
order: 2;
}
.window-controls--style-windows .window-control.close {
.window-controls--style-windows .window-control.maximize {
order: 3;
}
.window-controls--style-windows .window-control.close {
order: 1;
}
/* Keep the close action at the outer top corner on either sidebar side. */
.window-controls--right.window-controls--style-windows .window-control.minimize {
order: 1;
}
.window-controls--right.window-controls--style-windows .window-control.maximize {
order: 2;
}
.window-controls--right.window-controls--style-windows .window-control.close {
order: 3;
}
.window-controls--left.window-controls--style-windows .window-control.close {
border-radius: 10px 0 0 10px;
}
.window-controls--left.window-controls--style-windows .window-control.maximize {
border-radius: 0 10px 10px 0;
}
.window-controls--right.window-controls--style-windows .window-control.minimize {
border-radius: 10px 0 0 10px;
}
.window-controls--right.window-controls--style-windows .window-control.close {
border-radius: 0 10px 10px 0;
}
.window-controls--style-windows .window-control:hover {
color: hsl(var(--text-primary));
background: hsl(var(--item-hover));