starred/tty7
1
0
Fork 0
mirror of https://github.com/l0ng-ai/tty7.git synced 2026-11-06 00:15:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(mobile): group headers lead, and folded ones stack close

Browse Source 
A group's header read the same as the workspace label above it, and a folded one kept the gap meant for rows under it, so folded groups sat far apart. Headers are now the darker, larger line at a tap target's height; only an open group keeps room after its rows.
This commit is contained in:
l0ng-ai
2026-10-02 20:00:19 +08:00
parent d35ce33dc0
commit 77fc72da7e
1 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
mobile/src/style.css
+16 -7
View File
@@ -450,9 +450,11 @@ code {
overflow: hidden;
}
/* The desktop sidebar's groups within a workspace. */
.tgroup + .tgroup {
margin-top: 16px;
/* The desktop sidebar's groups within a workspace. A header is one line the
height of a tap target; folded ones stack close, and a group that is open
leaves room after its rows so the next header starts a new block. */
.tgroup:not(.folded) + .tgroup {
margin-top: 14px;
}
.tgroup-head {
@@ -460,21 +462,26 @@ code {
align-items: center;
gap: 8px;
width: 100%;
min-height: 32px;
padding: 0 4px 6px;
min-height: 36px;
padding: 0 4px;
border: 0;
background: none;
font: inherit;
font-size: 13px;
font-size: 15px;
font-weight: 600;
color: var(--ink-2);
color: var(--ink);
text-align: left;
}
.tgroup:not(.folded) .tgroup-head {
margin-bottom: 4px;
}
.tgroup-chevron {
flex: none;
width: 14px;
height: 14px;
color: var(--ink-2);
transform: rotate(90deg);
transition: transform 0.2s var(--ease);
}
@@ -492,7 +499,9 @@ code {
}
.tgroup-count {
font-size: 13px;
font-weight: 500;
color: var(--ink-2);
font-variant-numeric: tabular-nums;
}