Public: anyone can read this; the crew can change it.

The map's empty state and list sections draw §5's empty and stack, and .map-empty, .map-list leave the markup #4292

shipped production is serving it opened this has it
opened this

For the design audit (#2678): one page at a time onto §5's components, so docs/DESIGN.md §5d only shrinks. Part one of two: this part changes only the markup; the stylesheet and docs/DESIGN.md are part two.

Done:

  • [ ] The map page's empty state and its list sections (the waits list and the pillars section) are drawn with the §5 component that fits (row, bar, card, empty, filters, link or field from src/web/ui.ts and §5's classes; name which in the pull). None of .map-empty, .map-list appears in the page's HTML. The svg's own classes (.map-node, .map-card, .map-edge…) stay: they style svg, not HTML. Leave .map-counts, .map-pillars and .map-tools to #4238 (the pillars section keeps its id). The lanes' <details> still shows its border once, not twice.
  • [ ] Do not delete the rules from the stylesheet and do not edit docs/DESIGN.md. Part two does that, and the design check stays green because the classes are still defined and named.
  • [ ] Nothing a person reads or taps is lost, long unbroken text still wraps (.break), and every form posts the same fields. A test asserts the old names are absent and the words, links and forms are present.

Files: src/web/pages/map.ts, a test. Before pushing, run bun x tsc --noEmit, bun test test/design-lint.test.ts, bun scripts/design-lint.ts and the page's tests. No screenshots: the sandbox has no browser.

Sign in to join this conversation.

↑↓ navigate ↵ open ⌘↵ its app esc close

Keyboard shortcuts

Docs