Commit 3019afd16e
3019afd16ed8be8ca93868c1a4786d154bb64442
parent: 258f283ca3
Verified · cmc
cmc <hello@cleberg.net> · 2026-09-19 22:05 UTC
web: wider aside, capped README card, 15rem wiki nav
Ref #226
docs/specs/2026-09-19-desktop-layout-design.md
+4 −4
| @@ -63,9 +63,9 @@ feed rows are the row format the lists should adopt. |
| 63 | 63 | description with topics and website inline in muted text, the |
| 64 | 64 | Pin/Watch/Bookmark/Fork buttons at the right. Row two: the tabs. The |
| 65 | 65 | toggles hint moves to `title` text on the three buttons. |
| 66 | | 7. **Below 64rem** a facet or section column folds into a `details` |
| 67 | | element above the content, the file navigator disappears (the tree |
| 68 | | page exists), and the dashboard's pinned column returns to the chip |
| 66 | 7. **Below 64rem** a facet or section column stacks after the content, |
| 67 | the way the issue aside does; the file navigator disappears (the |
| 68 | tree page exists); the dashboard's pinned column returns to the chip |
| 69 | 69 | row. Nothing the phone layout fixed moves. |
| 70 | 70 | |
| 71 | 71 | ## Pages |
| @@ -76,7 +76,7 @@ feed rows are the row format the lists should adopt. |
| 76 | 76 | |---|---|---| |
| 77 | 77 | | Dashboard | Pinned repositories with open issue count, open MR count, last build state | `Rail.Pinned` plus per-repository counts (new store read) | |
| 78 | 78 | | Blob, blame, edit | File navigator: the file's directory, parent link, current file marked with `aria-current` | `gitutil.ListTree` on the directory, the call the tree page makes | |
| 79 | | | Issues list, MR list | State; labels with counts; milestones with open counts; assignees (issues) | The `state`, `label`, `milestone`, `assignee` parameters `activeFilters` already handles; counts from the labels and milestones pages' reads | |
| 79 | | Issues list, MR list | State; labels with counts; milestones with open counts | The `state`, `label`, `milestone`, `assignee` parameters `activeFilters` already handles; counts from the labels and milestones pages' reads | |
| 80 | 80 | | Builds list | Status; job; branch | The `status`, `job`, `ref` parameters `buildFilter` already handles; branches from the refs read | |
| 81 | 81 | | Explore | Topics with counts | `?q=<topic>`, the link the topic chips already use | |
| 82 | 82 | | Site search | Kind: repositories, issues, merge requests | `?kind=repo\|issue\|mr` | |
internal/web/static/style.css
+4 −2
| @@ -863,6 +863,8 @@ tr.tipbar td { |
| 863 | 863 | |
| 864 | 864 | .readme { margin-top: var(--sp-5); } |
| 865 | 865 | .readme .cardbody { max-width: 78ch; } |
| 866 | /* the overview README caps as a card, so prose and code share an edge */ |
| 867 | .overview .readme { max-width: 88ch; } |
| 866 | 868 | /* until every card wraps its body in .cardbody, the rendered block is |
| 867 | 869 | the body */ |
| 868 | 870 | .readme > .rendered { padding: var(--sp-4) var(--sp-5); } |
| @@ -1083,7 +1085,7 @@ a.tile:hover { background: var(--hover); text-decoration: none; } |
| 1083 | 1085 | .feedcol .feedline .none { font-size: var(--fs-1); } |
| 1084 | 1086 | |
| 1085 | 1087 | /* ---- two-column: conversation and aside ---- */ |
| 1086 | | .withaside { display: grid; grid-template-columns: minmax(0, 1fr) 18rem; gap: var(--sp-6); align-items: start; } |
| 1088 | .withaside { display: grid; grid-template-columns: minmax(0, 1fr) 20rem; gap: var(--sp-6); align-items: start; } |
| 1087 | 1089 | .withaside .mainside { min-width: 0; } |
| 1088 | 1090 | aside.aside { font-size: var(--fs-2); } |
| 1089 | 1091 | .aside .grp { border-top: 1px solid var(--line); padding: var(--sp-3) 0; } |
| @@ -1561,7 +1563,7 @@ h2.empty { color: var(--muted); font-weight: 500; font-size: var(--fs-3); margin |
| 1561 | 1563 | /* ---- wiki ---- */ |
| 1562 | 1564 | .wikilayout { display: flex; gap: var(--sp-5); align-items: flex-start; } |
| 1563 | 1565 | .wikipage { flex: 1; min-width: 0; } |
| 1564 | | .wikinav { flex: none; width: 14rem; } |
| 1566 | .wikinav { flex: none; width: 15rem; } |
| 1565 | 1567 | .wikinav ul { list-style: none; margin: var(--sp-1) 0 var(--sp-4); padding: 0; } |
| 1566 | 1568 | .wikinav li a { |
| 1567 | 1569 | display: block; |