Give TV cards roomy spacing and edge-straddling focus rings
Some checks failed
review/code-gpt Spacing review: progress-bar inset regression; rail transition focus invalidation
Some checks failed
review/code-gpt Spacing review: progress-bar inset regression; rail transition focus invalidation
This commit is contained in:
parent
9e15dbee8c
commit
c17447c528
18 changed files with 210 additions and 142 deletions
|
|
@ -310,9 +310,10 @@ and device deployment remain separate.
|
|||
## Libraries and See all
|
||||
|
||||
Movies, Shows and Anime use the shell's retained view and a continuous six-column
|
||||
lazy grid. Up from its first row reaches Sort/Filter, then the nav; Back preserves
|
||||
the card and scroll. Sort cycles A–Z, Recently added and Rating. The letter rail
|
||||
exists only at 200 titles with A–Z selected. Card OK activates on key-up through
|
||||
lazy grid, reduced to five columns while the letter rail is visible so scaled
|
||||
posters cannot overlap it. Up from the first row reaches Sort/Filter, then the nav;
|
||||
Back preserves the card and scroll. Sort cycles A–Z, Recently added and Rating.
|
||||
The letter rail exists only at 200 titles with A–Z selected. Card OK activates on key-up through
|
||||
the same shell hold guard, without a long-press menu.
|
||||
Down clamps a short final title row before entering the separate Try again / Show
|
||||
more row; an empty slot cannot activate recovery. An unavailable library hides
|
||||
|
|
@ -347,6 +348,29 @@ music keep their upstream destinations.
|
|||
failure/retry, stale copies, and person/server isolation. Library captures are written
|
||||
to `build/wolfskin-captures/library/`; Discover's independent captures use `discover/`.
|
||||
|
||||
### Roomy card spacing
|
||||
|
||||
The generated design tokens use 40 px card gaps (44 px for cast), 84 px shelf
|
||||
heading bands, 68 px shelf bottom gaps and 524 px grid rows at 1920×1080.
|
||||
Posters remain 256×384 px; tiles are 400×225 px and wide cards 544×306 px,
|
||||
preserving six/four/three shelf slots. Library and See all toolbars occupy 136 px:
|
||||
chips stay at y 252–320 and the first poster row starts at y 372 (52 px clear).
|
||||
Discover and season-chip rows retain their 104 px height.
|
||||
|
||||
Cards and cast circles draw a single 4 px accent stroke centred on the art edge,
|
||||
above the content, with no background gap and the existing card lift. The stroke
|
||||
and art scale together at 1.08; buttons, avatars, chips and picker focus are
|
||||
unchanged. Title shelves reserve vertical drawing room for the scaled ring.
|
||||
Before scaling the stroke, ring-to-neighbour clearances round to 28/22/16 px
|
||||
for poster/tile/wide cards; including stroke scale they are 27.6/21.8/16.1 px.
|
||||
|
||||
`LibraryCaptureTest.spacingShowsFirstFocused`,
|
||||
`HomeCaptureTest.spacingNextUpFirstFocused` and
|
||||
`TitleCaptureTest.spacingCastFirstFocused` render the amended reference states
|
||||
at native resolution. Their files are `library/spacing-shows.png`,
|
||||
`home/spacing-next-up.png` and `st-114.png` under `build/wolfskin-captures/`.
|
||||
Platform Roboto metrics and fixture ordering are not browser pixel parity.
|
||||
|
||||
## Title pages and people
|
||||
|
||||
`TitleSurface` owns the film/series/episode header, season chips, episode tiles,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue