fix(cards): keep hero TLDR fully visible under glass action bar

[tsahimatsliah]

Problem

On hero (featured-wide) cards, the floating glass action pill sits absolute inset-x-2 bottom-2 over the bottom of the content column. A full-size (typo-title1) 3-line title plus a 3-line TLDR overflow the clipped text area inside the fixed min-h-cardGlass (21.5rem) card, so the TLDR's last line gets cut off behind the pill.

Fix

Keep the hero title at up to 3 lines (the title text is important — we don't drop a line) and instead shrink it one type step to typo-title2 when a TLDR is present. typo-title2 (24px) is still larger than the default card title (typo-title3, 20px), so the hero > default hierarchy is preserved. Two glass-only top margins (header→title, metadata→TLDR) are tightened by 4px each so a 3-line title + 3-line TLDR clear the pill with ~6px to spare.

• No TLDR → title stays full size (typo-title1, 28px).
• With TLDR → title typo-title2 (24px), 3 lines, TLDR fully visible.

Verification

Measured across the full title × TLDR × metrics matrix in Storybook — no card clips the TLDR in any combination. Cards with a TLDR resolve to a 24px title, cards without to 28px.

• Strict typecheck passes (typecheck-strict-changed)
• Card spec passes (9/9), incl. new assertions that the glass title is typo-title2 (+ line-clamp-3) with a TLDR and typo-title1 without

Storybook

Adds Components → Cards → Hero Glass Overlap — a diagnostic page rendering the real ArticleFeaturedWideGridCard across a title/TLDR/metric matrix, so the overlap cases (and the fix) are visible side by side.

🤖 Generated with Claude Code

Preview domain

https://claude-fix-hero-glass-tldr-overl.preview.app.daily.dev

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
daily-webapp	Ready	Preview	Jul 14, 2026 12:01pm
storybook	Building	Preview	Jul 14, 2026 12:01pm

[tsahimatsliah]

Self-review (automated, high-effort)

Ran a multi-angle review (correctness, cross-file, cleanup, CLAUDE.md conventions). Diff is small and scoped; no correctness bugs found in the changed code, no convention violations. Non-glass behavior is preserved exactly (typo-title1 line-clamp-4 mt-2).

One consistency note (not blocking): the same pre-fix pattern this PR fixes in ArticleFeaturedWideGridCard still exists verbatim in the sibling featured-wide cards:

• FreeformFeaturedWideGridCard.tsx:82
• ShareFeaturedWideGridCard.tsx:100
• CollectionFeaturedWideGridCard.tsx:76

They render typo-title1 + line-clamp-3 title over a line-clamp-3 TLDR under the same FeaturedWideActions glass pill. This is not an active bug: useFeed's widenableTypes filters by featureHeroCards.allowedPostTypes, which today is Article + VideoYouTube only (both route to ArticleFeaturedWideGridCard). But if allowedPostTypes is ever expanded to Share/Freeform/Collection, the overlap will recur on those cards. Worth either lifting the title-size/clamp logic into a shared spot (e.g. alongside FeaturedWideActions) or replicating the fix when enabling those types.