Skip to content

docs(website): vendor the viewport spec that notes the two-row phone rail #1033

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
gHashTag merged 1 commit into from
Sep 16, 2026
Merged

docs(website): vendor the viewport spec that notes the two-row phone rail #1033

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 10 additions & 1 deletion apps/website/public/t27/files/specs/ui/viewport.t27
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -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)
Expand Down
2 changes: 1 addition & 1 deletion apps/website/src/lib/viewport.generated.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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"
Expand Down
2 changes: 1 addition & 1 deletion apps/website/src/styles/viewport.generated.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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). */
Expand Down
Loading