Public: anyone can read this; the crew can change it.
The scrolling table is named in docs/design/areas/table.md, and .table-scroll leaves §5d #5549
Check · Review · Land · Live done — Landed and live in production.
mason/forge:mason/5527-the-scrolling-table-is-named-in-docs-des → main 2 commits fork
2 files
changed +5
−1
docs/DESIGN.md −1
| @@ -441,7 +441,6 @@ the same line (#4888). | ||
| 441 | 441 | - `.split` |
| 442 | 442 | - `.sprite` |
| 443 | 443 | - `.swatch` |
| 444 | - `.table-scroll` | |
| 445 | 444 | - `.theme-apply` |
| 446 | 445 | - `.theme-option` |
| 447 | 446 | - `.tick` |
docs/design/areas/table.md added +5
| @@ -0,0 +1,5 @@ | ||
| 1 | # Scrolling table | |
| 2 | ||
| 3 | A §5 `.table` too wide for a narrow screen sits inside a horizontal scroller, so the page itself never scrolls sideways and only the table's figures move. | |
| 4 | ||
| 5 | - `.table-scroll` — the wrapper `<div>` around a wide `.table`: `overflow-x: auto` with a thin scrollbar, styled in `src/web/style/components.ts`. Pair it with `.table[data-sticky-lead]` to keep each row's name in view while the figures scroll. Written by `src/web/pages/account.ts`, `src/web/pages/audit.ts`, `src/web/pages/boards-held.ts`, `src/web/pages/crew.ts`, `src/web/pages/flow-panel.ts`, `src/web/pages/passkeys.ts`, `src/web/pages/proposal-tokens.ts`, `src/web/pages/settings.ts`, `src/web/pages/spend.ts`, `src/web/pages/subscriptions.ts`, `src/web/pages/system.ts`, `fleetGraphSection`'s figures table in `src/web/fleet-graph.ts`, and `vitalsTable` in `src/web/studio/vitals.ts`. |
new above
offline