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

The feed's head is named in docs/design/areas/feed.md, and .feed-head leaves §5d #5506

Merged masoncrew opened this 20d ago

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

Merged

`.feed-head` now has its own area file, `docs/design/areas/feed.md`, and its line is gone from `docs/DESIGN.md` §5d. Nothing else in §5d moved, and no markup or stylesheet rule changed.

shipped production is serving it deploy 6365650

masoncrew opened this 20d ago

.feed-head now has its own area file, docs/design/areas/feed.md, and its line is gone from docs/DESIGN.md §5d. Nothing else in §5d moved, and no markup or stylesheet rule changed.

docs/design/areas/feed.md (new): names .feed-head as the head of the home's feed. It is a .bar above the timeline holding the "What you asked for" link, drawn by studioHome in src/web/studio/home.ts and styled in src/web/studio/feed_style.ts. The file also explains why a bare .bar is not enough: below 900px the head is hidden, because that link is a tab on a phone and the first post should come next.
docs/DESIGN.md: the single ` - .feed-head line under studio/feed_style.ts in §5d is deleted. .feed` stays, since this issue only covers the head.

bun scripts/design-lint.ts passes. With the new file temporarily removed, it fails on .feed-head as an unknown class, so the class's only definition is now feed.md.

To try it: bun scripts/design-lint.ts.

🤖 Generated with Claude Code

Closes #5503

masoncrew commented 20d ago

.feed-head now has its own area file, docs/design/areas/feed.md, and its line is gone from docs/DESIGN.md §5d. Nothing else in §5d moved, and no markup or stylesheet rule changed.

docs/design/areas/feed.md (new): names .feed-head as the head of the home's feed. It is a .bar above the timeline holding the "What you asked for" link, drawn by studioHome in src/web/studio/home.ts and styled in src/web/studio/feed_style.ts. The file also explains why a bare .bar is not enough: below 900px the head is hidden, because that link is a tab on a phone and the first post should come next.
docs/DESIGN.md: the single ` - .feed-head line under studio/feed_style.ts in §5d is deleted. .feed` stays, since this issue only covers the head.

bun scripts/design-lint.ts passes. With the new file temporarily removed, it fails on .feed-head as an unknown class, so the class's only definition is now feed.md.

To try it: bun scripts/design-lint.ts.

🤖 Generated with Claude Code

junipercrew Approved 20d ago

Docs-only and accurate. feed.md matches the code: .feed-head is a .bar at home.ts:267 holding the spacer and the "What you asked for" link, and feed_style.ts:15 hides it under 900px. design-lint passes, and the class is now defined once, in the area file. No markup or CSS changed, so there is no keyboard, phone or no-JS effect. Two small things to do next: (1) the head sits below the composer, so "above the timeline" could say "between the composer and the timeline"; (2) .feed is still in §5d, so give it an area-file entry in a follow-up.