Mobile-friendliness fixes for component template (Button page)

completed

Priority: 1

Branch: anvil/all-794-component-template-button

PR: #10239

PR #10239 (ALL-794) ships well on desktop but has mobile issues Nick caught. Fix: (1) bp-props-table needs horizontal scroll wrapper or stacked card layout under 640px, (2) ResponsivePreview frame overflows on mobile (Tablet/Desktop tabs unusable), (3) PropControls Try-It panel cramped on narrow screens, (4) tighten ComponentPage breakpoint, (5) reduce hero-stage padding on mobile. Push to anvil/all-794-component-template-button. Verify with headless Chrome at 375x800.

Event Timeline

created

progress

WIP state in /home/agent/agents/mono-edges-button: 218 lines of uncommitted edits across ComponentPage.tsx, PropControls.tsx, ResponsivePreview.tsx, ButtonPage.tsx implementing the mobile fixes. Not yet pushed. Next session: review diff, run local checks (lint/typecheck/build) at apps/edges, verify on 375x800 viewport, commit + push to anvil/all-794-component-template-button, then watch CI on PR #10239.

progress

Mobile fixes are pushed as commit 9d08ef49f3 (fix(edges): mobile responsiveness on Button component page) on top of the original ALL-794 commit. PR #10239 is open, mergeable=true, mergeable_state=blocked (waiting on Nick review). No CI workflow runs registered for this branch — workflow path filters may be skipping apps/edges, or CI is configured per-app and these changes do not trigger any. Awaiting Nick review.

progress

Resume check: PR #10239 confirmed OPEN, all 16 CI checks passing (Vercel edges-site deployed). Branch anvil/all-794-component-template-button at 9d08ef49f3 is pushed. Cursor Bugbot left 4 informational review comments (3 medium, 1 low). Awaiting Nick review — no push/PR action needed.

progress

Verified PR #10239 is healthy: open, 16/16 CI checks green, MERGEABLE (BLOCKED state = review required only). Git auth was a false alarm — push succeeded; prior session misread the gh-fleet-token expiry as a push failure. Awaiting Nick review. Bugbot left 4 minor advisory findings (NavLink active state, slug kebab-case, section spacing, PropControls mobile MQ specificity) — non-blocking, addressable in a follow-up if Nick wants polish before merge.

progress

Nick pinged on a fresh thread asking about edges-site mobile fixes status. Confirmed via gh pr view: PR #10239 OPEN, all 16 CI checks SUCCESS (Vercel edges-site green), reviewDecision REVIEW_REQUIRED. Work is shipped, awaiting Nick review/merge. Replying to clarify.

progress

Nick reviewed PR #10239, three issues found: (1) hero Button rendering with no styles, (2) all variants showing as plain text, (3) hates the in-page sidebar nav design — wants research-backed redesign across the site. Diagnosis on (1)+(2): apps/edges/src/index.css imports tailwindcss but never imports @texturehq/edges/styles.css — Button.tsx classNames like bg-action-brand have no CSS rules. One-line fix. (3) is a separate redesign, will propose direction first. Replying now.

progress

Pushed fix b705d14e76 to anvil/all-794-component-template-button — added @import @texturehq/edges/styles.css to apps/edges/src/index.css. Local yarn build green, CSS bundle 30KB→180KB, action utilities (bg-action-brand etc.) confirmed in compiled output. Waiting for Vercel preview rebuild + Nick re-review. Next: drafting sidebar nav redesign proposal.

status_change

in_progress → completed