justinzeus/wolfskin
1
0
Fork 0
Code Issues 2 Pull requests 4 Releases 3 Packages Activity

Implement option B card metadata and solid bottom edges
Some checks failed
review/code-claude Blocking: CardCaption focus-only caption invisible after first focus move in a shelf
review/design-claude Design review: 1 blocking (unframed skeleton caption bars); other differences are renderer/fixture artifacts

Browse source
This commit is contained in:
justinzeus 2026-11-07 03:06:26 +01:00
parent fdff85c8a1
commit fe44a3c24f
27 changed files with 536 additions and 234 deletions
Download patch file Download diff file Expand all files Collapse all files

21
wolfskin-design/tokens.css
View file

@ -1,5 +1,17 @@
/* Generated from the locked TV token sources. */
:root {
--cardMetadata-titleRest: 28.0px;
--cardMetadata-titleFocus: 28.0px;
--cardMetadata-subtitle: 24.0px;
--cardMetadata-check: 24.0px;
--cardMetadata-gap: 12.0px;
--cardMetadata-compactGap: 8.0px;
--cardMetadata-minimumGap: 4.0px;
--cardMetadata-bottom: 2.0px;
--cardMetadata-separator: 2.0px;
--cardMetadata-watchedLine: 3.0px;
--cardMetadata-resumeLine: 6.0px;
--cardMetadata-landscapeBand: 64.0px;
--color-bg: #07070a;
--color-surface: #13131a;
--color-surface2: #1b1b25;
@ -242,8 +254,6 @@
--library-chipGap: 16.0px;
--library-chipTop: 16.0px;
--library-chipIcon: 26.0px;
--library-captionWidth: 640.0px;
--library-captionFactsGap: 18.0px;
--library-badgeIcon: 28.0px;
--library-plateTop: 14.0px;
--library-plateSide: 16.0px;
@ -303,7 +313,6 @@
--title-personGap: 48.0px;
--title-personNameBottom: 10.0px;
--title-personNoteBottom: 6.0px;
--title-captionWidth: 640.0px;
--title-sheetPaddingTop: 80.0px;
--title-sheetPaddingSide: 64.0px;
--title-sheetGap: 18.0px;
@ -384,8 +393,6 @@
--title-tileOverlayTop: 54.0px;
--title-tileOverlaySide: 22.0px;
--title-tileOverlayBottom: 18.0px;
--title-cardProgressInset: 18.0px;
--title-tileProgressBottom: 10.0px;
--title-ambientInset: 80.0px;
--title-posterShadowRadius: 80.0px;
--title-posterShadowY: 30.0px;
@ -415,7 +422,6 @@
--home-statePaddingY: 34.0px;
--home-stateGap: 8.0px;
--home-stateIcon: 36.0px;
--home-captionWidth: 640.0px;
--home-plateTop: 14.0px;
--home-plateSide: 16.0px;
--home-plateFade: 46.0px;
@ -436,8 +442,6 @@
--home-heroSheetTop: 150.0px;
--home-cardBlur: 26.0px;
--home-heroBlur: 60.0px;
--home-progressInset: 18.0px;
--home-progressBottom: 10.0px;
--home-endTop: 40.0px;
--home-frameBottom: 80.0px;
--home-toastPadding: 28.0px;
@ -457,7 +461,6 @@
--home-savedGap: 10.0px;
--home-savedIcon: 28.0px;
--home-savedRadius: 28.0px;
--home-posterProgressBottom: 12.0px;
--discover-shelfHeadingBand: 104.0px;
--discover-sheetPaddingX: 64.0px;
--discover-sheetPaddingY: 80.0px;