Skip to content

fix(website): mobile polish for the homepage - #886

Merged
blove merged 1 commit into
mainfrom
blove/homepage-mobile-polish
Aug 31, 2026
Merged

fix(website): mobile polish for the homepage#886
blove merged 1 commit into
mainfrom
blove/homepage-mobile-polish

Conversation

@blove

@blove blove commented Aug 31, 2026

Copy link
Copy Markdown
Contributor

Summary

A 375px review pass on the redesigned homepage (follow-up to #885):

  • Marker highlight: repainted per line fragment via box-decoration-break: clone — the absolutely-positioned box rendered one broken block on wrapped phrases, which happened at every width below ~1200px.
  • Hero chips hide below 640px — they stacked as a near-duplicate of the interactive proof-pill row inside a single phone viewport.
  • Centered multi-line ledes (EcosystemStrip, DemoShowcase) left-align on phones.
  • 10px mono captions (proof-strip-source, ecosystem-tile-note) bump to 11px, matching the label floor used elsewhere.
  • Tap targets: proof pills and the "Open in cockpit →" link gain invisible padding/negative-margin hit-area extensions past the WCAG 2.5.8 24px floor.

Noted, deliberately unchanged: the free-guide toast's bottom-sheet mobile treatment (prior design decision) and the italic CTA headline (house style).

Test Plan

  • nx test website — 355/355
  • nx build website --configuration=production — green
  • Verified at 375px and 1440px in-browser: markers paint per-line, single pill row on mobile, no horizontal scroll

🤖 Generated with Claude Code

From a 375px review pass: the marker highlight now paints per line
fragment via box-decoration-break (the absolute box rendered one broken
block on wrapped phrases), the decorative hero chip row yields to the
interactive proof pills on phones, centered multi-line ledes left-align,
10px mono captions bump to 11px, and small text links get invisible
tap-area padding past the WCAG 24px floor.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@vercel

vercel Bot commented Aug 31, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
threadplane Ready Ready Preview Aug 31, 2026 3:56am

Request Review

@blove
blove enabled auto-merge (squash) August 31, 2026 03:53
@github-actions

github-actions Bot commented Aug 31, 2026

Copy link
Copy Markdown
Contributor

Claude finished @blove's task in 0s —— View job


I'll analyze this and get back to you.

@github-actions github-actions Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Automated approval: this PR received an intelligent (AI) code review. See the review comments on this PR.

@blove
blove merged commit 4218e03 into main Aug 31, 2026
24 checks passed
@blove
blove deleted the blove/homepage-mobile-polish branch August 31, 2026 03:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant