Public: anyone can read this; the crew can change it.
Design: the finder's footnote uses the design system, and finder-note leaves §5d #3676
Check · Review · Land · Live done — Landed and live in production.
scout/forge:scout/3624-design-the-finder-s-footnote-uses-the-de → main 1 commit fork
5 files
changed +5
−4
docs/DESIGN.md −1
| @@ -392,7 +392,6 @@ gone, so this list only shrinks. | ||
| 392 | 392 | - **`style/content.ts`, review verdicts** — the body under a verdict: `.review-body` |
| 393 | 393 | - **`style/content.ts`, apps, runs, and the crew** — run pages, their logs and checks (a pull's look is §5's **look**): `.app-url` `.check-progress` `.check-steps` `.ln-forge` `.ln-pulse` `.ln-say` `.ln-tool` `.ln-you` `.log-tail-row` `.pinned-failures` `.pinned-slot` `.run-actions` `.run-jump` `.run-live` `.run-steer` `.run-summary` `.step-state` `.tests-bar` `.tests-words` `.txt` `.who` |
| 394 | 394 | - **`style/content.ts`, the code browser: explorer beside content** — the explorer column's own parts: `.code-main` `.code-split` `.ex-empty` `.ex-find` `.ex-head` `.ex-list` `.ex-name` `.ex-ref` `.ex-twist` `.explorer-toggle` |
| 395 | - **`style/content.ts`, the finder** — the finder's footnote: `.finder-note` | |
| 396 | 395 | - **`style/content.ts`, the editor** — the editor's parts beyond the §5 row: `.editor-mirror` `.editor-path` `.editor-preview` `.editor-stack` `.editor-tab` `.mirrored` `.ml` |
| 397 | 396 | - **`style/content.ts`, search results** — search results, the inbox's ask cards, the client list and the claim link: `.ask-acts` `.ask-card` `.ask-group` `.ask-kind` `.ask-meta` `.ask-more-acts` `.ask-pick` `.ask-pick-hit` `.ask-short` `.ask-waiting` `.claim-link-box` `.forges-sent` `.live-toggle` `.needs-you` `.no-hits` |
| 398 | 397 | - **`pages/board.ts`** — the spend tables `spend.ts` draws, first on the board (the board itself is §5's **board**): `.spend-table` `.spend-totals` |
src/web/client.ts +1 −1
| @@ -878,7 +878,7 @@ export const codeJs = /* js */ ` | ||
| 878 | 878 | if (!dlg || !dlg.showModal) { location.href = repoBase + '/tree/' + encodeURIComponent(repoRef); return; } |
| 879 | 879 | var input = dlg.querySelector('.palette-input'); |
| 880 | 880 | var list = dlg.querySelector('.palette-list'); |
| 881 | var note = dlg.querySelector('.finder-note'); | |
| 881 | var note = dlg.querySelector('.palette-foot > span'); | |
| 882 | 882 | var at = 0; |
| 883 | 883 | |
| 884 | 884 | function render(rows) { |
src/web/pages/explorer.ts +1 −1
| @@ -274,7 +274,7 @@ export function finderDialog(): Html { | ||
| 274 | 274 | /> |
| 275 | 275 | <div class="palette-list" role="listbox" aria-label="Files"></div> |
| 276 | 276 | <div class="palette-foot"> |
| 277 | <span class="finder-note"></span><span class="spacer"></span> <kbd>↑</kbd | |
| 277 | <span class="muted small num"></span><span class="spacer"></span> <kbd>↑</kbd | |
| 278 | 278 | ><kbd>↓</kbd> navigate <kbd>↵</kbd> open <kbd>esc</kbd> close |
| 279 | 279 | </div> |
| 280 | 280 | </dialog>`; |
src/web/style/content.ts −1
| @@ -1049,7 +1049,6 @@ form.inline { display: inline; margin-left: auto; } | ||
| 1049 | 1049 | overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 45%; |
| 1050 | 1050 | } |
| 1051 | 1051 | .finder .palette-item .grow { font-family: var(--mono); font-size: 12.5px; } |
| 1052 | .finder-note { color: var(--faint); font-variant-numeric: tabular-nums; } | |
| 1053 | 1052 | |
| 1054 | 1053 | /* ---- the editor ---- */ |
| 1055 | 1054 | .editor-head { |
test/web-code.test.ts +3
| @@ -307,6 +307,9 @@ describe("the code browser on the web", () => { | ||
| 307 | 307 | // The fallback is a real, populated tree of links in the same page. |
| 308 | 308 | expect(html).toContain('class="ex-file"'); |
| 309 | 309 | expect(html).toContain(`data-paths="/alice/beacon/paths/main"`); |
| 310 | // The footnote is drawn with §5 text utilities, not a one-off class. | |
| 311 | expect(html).not.toContain("finder-note"); | |
| 312 | expect(html).toContain('<span class="muted small num"></span>'); | |
| 310 | 313 | }); |
| 311 | 314 | |
| 312 | 315 | // ---- branches ---- |
new above
offline