Public: anyone can read this; the crew can change it.
.home-tabs leaves the stylesheet and docs/DESIGN.md §5d #4357
Check · Review · Land · Live done — Landed and live in production.
mason/forge:mason/4225-home-tabs-leaves-the-stylesheet-and-docs → main 3 commits fork
3 files
changed +2
−5
docs/DESIGN.md +1 −1
| @@ -402,7 +402,7 @@ gone, so this list only shrinks. | ||
| 402 | 402 | - **`style/content.ts`, search results** — search results, the inbox's ask cards: `.ask-acts` `.ask-card` `.ask-group` `.ask-kind` `.ask-meta` `.ask-more-acts` `.ask-pick` `.ask-pick-hit` `.ask-short` `.ask-waiting` `.live-toggle` |
| 403 | 403 | - **`pages/board.ts`** — the board itself is §5's **board**; the spend tables `spend.ts` draws wear §5's `.table` and `.stack`, no class of their own |
| 404 | 404 | - **`pages/map.ts`** — the map of what waits for what: `.map-ask` `.map-breath` `.map-canvas` `.map-card` `.map-counts` `.map-dot` `.map-edge` `.map-edge-crit` `.map-edge-done` `.map-empty` `.map-list` `.map-main` `.map-meta` `.map-node` `.map-rule` `.map-svg` `.map-title` `.map-tool` `.map-tools` `.map-who` `.map-who-i` `.map-who-n` `.map-word` `.map-wrap` |
| 405 | - **`studio/feed_style.ts`** — the home feed's cards and its composer (the apps rail is §5's card, row and btn; an admin's tick boxes and Archive are always shown, deliberately, with no Select toggle): `.composer` `.composer-bar` `.fcard-form` `.fcard-reason` `.fcard-reply` `.fcard-text` `.fcard-unblock` `.fcard-who` `.fcard-why` `.feed` `.feed-head` `.home-tabs` | |
| 405 | - **`studio/feed_style.ts`** — the home feed's cards and its composer (the apps rail is §5's card, row and btn; an admin's tick boxes and Archive are always shown, deliberately, with no Select toggle): `.composer` `.composer-bar` `.fcard-form` `.fcard-reason` `.fcard-reply` `.fcard-text` `.fcard-unblock` `.fcard-who` `.fcard-why` `.feed` `.feed-head` | |
| 406 | 406 | --- |
| 407 | 407 | |
| 408 | 408 | ## 6. Keyboard |
src/web/studio/feed_style.ts −2
| @@ -20,11 +20,9 @@ export const feedCss = /* css */ ` | ||
| 20 | 20 | .composer-bar { display: flex; align-items: center; gap: 8px; min-width: 0; } |
| 21 | 21 | .composer-bar select { min-width: 0; max-width: 60%; } |
| 22 | 22 | /* Your apps: a narrow column on a desk, a tab away on a phone. */ |
| 23 | .home-tabs { display: none; margin-bottom: 12px; } | |
| 24 | 23 | /* An admin's tick boxes are always shown (no Select toggle); 24 px to tap. */ |
| 25 | 24 | #live-apps input[type="checkbox"] { width: 24px; height: 24px; } |
| 26 | 25 | @media (max-width: 899px) { |
| 27 | .home-tabs { display: inline-flex; } | |
| 28 | 26 | /* "What you asked for" is a tab on a phone: the first post comes next. |
| 29 | 27 | !important, as [hidden] is: .bar sits in a later cascade layer. */ |
| 30 | 28 | .feed-head { display: none !important; } |
src/web/studio/home_tabs.ts +1 −2
| @@ -1,8 +1,7 @@ | ||
| 1 | 1 | /** |
| 2 | 2 | * The home's three tabs on a phone — Feed, Your apps, Asked — drawn on each |
| 3 | 3 | * of the three pages, so each is a tap from the others and never only the |
| 4 | * logo away (#599, #851). Drawn with §5's tabs; the old `.home-tabs` rules in | |
| 5 | * `feed_style.ts` go in part two (#4224). | |
| 4 | * logo away (#599, #851). Drawn with §5's tabs. | |
| 6 | 5 | */ |
| 7 | 6 | |
| 8 | 7 | import { html, type Html } from "../html.ts"; |
new above
offline