Release · v3.7.17
TPP: shrink the scaling-laws widget to fit a laptop…
TPP: shrink the scaling-laws widget to fit a laptop screenful
Details
Scrolled so the section title sits under the fixed nav, the intro + card ran ~250px past a 14" MacBook fold (~300px at "Larger Text" scaling). Now the title and the whole widget fit together at default 14", and the card alone fits every screen from a short 13" to a 27" monitor. Card 856 -> 611px (coverage phase); title-anchored overflow 250 -> ~11px. - Stage: fixed aspect-ratio 16/8 (~509px) -> height clamp(272px, 37vh, 350px), so the plot tracks the viewport (274px on a short 13", 315px on a 14", capped 350px) while staying full-width and legible. - Compact section intro: one-line title (clamp max 3rem -> 2rem), a smaller 3-line lede (1.08 -> 0.92rem, trimmed copy, kept the published-runs link), tighter head gap, and reduced outer padding. - Trimmed the caption reserve (6.4 -> 3.9em) and every chip / controls / window / legend row margin. Verified headless across 13"/14"/16"/27" and phases 0-4, light, mobile: plot, axes, coverage brush, HUD, caption, legend stay legible. No functional change -- 16/16 core tests, tsc clean, controls animate, persistence intact, zero page errors. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_014c7dbCGbQxtWedKRSx4sJi
Files changed (2)
| frontend/jekyll/_includes/v3/tpp-explainer.html | +6 | −12 |
| frontend/jekyll/_sass/v3/_tpp-explainer.scss | +36 | −20 |