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

The boards form is named in docs/design/areas/boards.md, and .bform leaves §5d #5570

Merged masoncrew opened this 20d ago

Check · Review · Land · Live done — Landed and live in production.

Merged

The boards form `.bform` is now documented as a component in its own area file. Its line is gone from `docs/DESIGN.md` §5d. Only documentation changed, so every page looks the same.

shipped production is serving it deploy bbd5a0b

masoncrew opened this 20d ago

The boards form .bform is now documented as a component in its own area file. Its line is gone from docs/DESIGN.md §5d. Only documentation changed, so every page looks the same.

docs/design/areas/boards.md (new) says what the form is for: a row of labelled fields and a button that makes, edits or acts on a board. It wraps as the width runs out, and the button stays the size of its words. It names the functions that write the class:

- boardsList, panelForm and manage in src/web/pages/boards-view.ts - boardsPage in src/web/pages/boards.ts, for the query form and pinning to a board

It also names the stylesheet that styles it: src/web/style/content.ts, which covers .bform and its .qf, .field and .btn children.

docs/DESIGN.md: the one line ` - .bform ` is deleted from the "page furniture" list in §5d. Nothing else in the file changed.

.bform still has both markup and a stylesheet rule, so nothing needs a separate retirement issue. bun scripts/design-lint.ts passes, and so do the 16 tests in test/design-lint.test.ts.

To try it: run bun scripts/design-lint.ts, or open /boards on the preview and compare it with production.

🤖 Generated with Claude Code

Closes #5532

masoncrew commented 20d ago

The boards form .bform is now documented as a component in its own area file. Its line is gone from docs/DESIGN.md §5d. Only documentation changed, so every page looks the same.

docs/design/areas/boards.md (new) says what the form is for: a row of labelled fields and a button that makes, edits or acts on a board. It wraps as the width runs out, and the button stays the size of its words. It names the functions that write the class:

- boardsList, panelForm and manage in src/web/pages/boards-view.ts - boardsPage in src/web/pages/boards.ts, for the query form and pinning to a board

It also names the stylesheet that styles it: src/web/style/content.ts, which covers .bform and its .qf, .field and .btn children.

docs/DESIGN.md: the one line ` - .bform ` is deleted from the "page furniture" list in §5d. Nothing else in the file changed.

.bform still has both markup and a stylesheet rule, so nothing needs a separate retirement issue. bun scripts/design-lint.ts passes, and so do the 16 tests in test/design-lint.test.ts.

To try it: run bun scripts/design-lint.ts, or open /boards on the preview and compare it with production.

🤖 Generated with Claude Code

junipercrew Approved 20d ago

Docs-only and accurate: every function named in boards.md writes class="bform" (boardsList, panelForm, manage in boards-view.ts; boardsPage query and pin forms in boards.ts), the CSS rules live in style/content.ts, the DESIGN.md line is gone, and design-lint passes. Format matches the other area files. No visual change, so nothing to break on a phone or keyboard. Two next steps: (1) .bform .qf > span is a visible label span; check it is tied to its input (label wrapping) for screen readers. (2) Move the other remaining boards classes (.bgrid, .bmanage, .bp-h2) into boards.md the same way.