From 6ede8a5dddadae0453f73b7f84361d43b842fb4a Mon Sep 17 00:00:00 2001 From: Dmitrii Fedorov Date: Wed, 16 Sep 2026 13:55:09 +0700 Subject: [PATCH] docs(website): vendor the viewport spec that notes the two-row phone rail The copy of specs/ui/viewport.t27 follows gHashTag/t27#3834: a dated note that a portrait phone lays the Queen rail out as a grid of two rows since #1032, with every tile in view, and that the RAIL_* numbers are the c881e7f reading of the 641-900px strip. Comments only, so viewport.generated.ts and viewport.generated.css change in their embedded spec hash and in nothing else (node scripts/viewport-from-spec.mjs; check:viewport up to date; test:viewport-spec 8/8). Co-Authored-By: Claude Fable 5.1 --- apps/website/public/t27/files/specs/ui/viewport.t27 | 11 ++++++++++- apps/website/src/lib/viewport.generated.ts | 2 +- apps/website/src/styles/viewport.generated.css | 2 +- 3 files changed, 12 insertions(+), 3 deletions(-) diff --git a/apps/website/public/t27/files/specs/ui/viewport.t27 b/apps/website/public/t27/files/specs/ui/viewport.t27 index f94f6b8525..92deb9edd6 100644 --- a/apps/website/public/t27/files/specs/ui/viewport.t27 +++ b/apps/website/public/t27/files/specs/ui/viewport.t27 @@ -19,6 +19,12 @@ ; 390x844 #/queen rail is a horizontal strip, 12 tiles of 44x74, about 6 visible; ; 7 interactive targets below 40 px; .queen27-hud-command.is-compact ; scrollWidth 612 > clientWidth 344. +; Since gHashTag/trinity#1032 (2026-09-16) a portrait phone (max-width 640px, +; queen-phone.css) lays the rail out as a grid of two rows, ceil(views / 2) +; columns, every tile at least 44 px and in view, nothing scrolling; the head's +; tool row wraps instead of scrolling. Measured at 360x740, 375x812, 390x844: +; scrollWidth == clientWidth. The strip described below remains the layout +; from 641 to 900 px wide. ; 1024x768 #/queen the rail of 12 does not fit: PROJECT hidden under COLLAPSE. ; 1920x1080 #/docs text column left-aligned, nested scrollers (Docs 2, Tools 3). ; Queen.css carries 36 media queries at 640/760/900/901/1100; the explorers use 760/1100 @@ -83,7 +89,10 @@ pub const DESKTOP_REFERENCE_WIDTH : u16 = 1280; ; --- Queen rail capacity (described, not changed here) --------------------------------- ; Numbers read from apps/website/src/pages/Queen.css of trinity main c881e7f and from the -; measurement above; each carries where it comes from. +; measurement above; each carries where it comes from. They are that reading: the rail +; carries thirteen views since TRI joined it (HUD_KEYS[12] = r), and on a portrait phone +; the compact strip gave way to the two-row grid of gHashTag/trinity#1032 (see SOURCE), +; where all tiles are visible and RAIL_MIN_VISIBLE is met with room to spare. ; RAIL_TILES 12 src/components/queenHud.ts:35 (HUD_KEYS, twelve views) ; RAIL_TILE_W_COMPACT 44 Queen.css:5311-5312 (.is-compact .queen27-hud-cmd flex 0 0 44px, min-width 44px) ; RAIL_TILE_GAP_COMPACT 4 Queen.css:5302 (.is-compact gap: 4px) diff --git a/apps/website/src/lib/viewport.generated.ts b/apps/website/src/lib/viewport.generated.ts index 20e31a1159..9a4c088bc3 100644 --- a/apps/website/src/lib/viewport.generated.ts +++ b/apps/website/src/lib/viewport.generated.ts @@ -1,5 +1,5 @@ // GENERATED by scripts/viewport-from-spec.mjs from public/t27/files/specs/ui/viewport.t27 -// spec sha256 91c9235486599fdd18a188c4e191dd6ff7a591a13b01625e766fc70403dd43a4 +// spec sha256 eafbd92646695ec39378467b8ac4dad4381f2482007d13894a75b82bf1877b16 // Do not edit by hand: change specs/ui/viewport.t27 in gHashTag/t27, re-vendor, re-run the generator. export type ViewportTier = "phone" | "tablet" | "desktop" | "wide" diff --git a/apps/website/src/styles/viewport.generated.css b/apps/website/src/styles/viewport.generated.css index 3f5e6a4b46..87df3dfa8b 100644 --- a/apps/website/src/styles/viewport.generated.css +++ b/apps/website/src/styles/viewport.generated.css @@ -1,5 +1,5 @@ /* GENERATED by scripts/viewport-from-spec.mjs from public/t27/files/specs/ui/viewport.t27 - spec sha256 91c9235486599fdd18a188c4e191dd6ff7a591a13b01625e766fc70403dd43a4 + spec sha256 eafbd92646695ec39378467b8ac4dad4381f2482007d13894a75b82bf1877b16 Do not edit by hand: change specs/ui/viewport.t27 in gHashTag/t27, re-vendor, re-run the generator. Custom properties cannot drive @media, so the tiers are applied by useViewport (data-tier); these values are for sizes inside a tier (touch targets, the back control). */