Skip to content

fix(ui): keep sparklines and code text clear on phones - #479

Merged
harlan-zw merged 1 commit into
mainfrom
fix/mobile-overflow
Oct 6, 2026
Merged

harlan-zw merged 1 commit into
mainfrom
fix/mobile-overflow

Conversation

@harlan-zw

Copy link
Copy Markdown
Collaborator

🔗 Linked issue

None.

❓ Type of change

  • 📖 Documentation
  • 🐞 Bug fix
  • 👌 Enhancement
  • ✨ New feature
  • 🧹 Chore
  • ⚠️ Breaking change

📚 Description

A mobile audit found two layout bugs.

  • Repo stat cards: on phones and tablets, a six digit GitHub star count left no room for the sparkline. The sparkline spilled into the Forks card. The row now wraps, so the sparkline drops under the count and stays inside its card.
  • Article code blocks: long commands on /agents/* and /learn/* wrap, and the first line ran under the copy button. For example, it hid --agent. Prose pre now reserves 3rem of end padding for the button through app.config.ts.

🤖 AI disclosure: Harlan Agent Kit modified this description. My AI open-source policy.

At phone and tablet widths a six digit star count left no room for the sparkline, which spilled into the Forks card. Wrapped commands in article code blocks ran under the copy button, hiding flags such as --agent.
@harlan-zw

Copy link
Copy Markdown
Collaborator Author

Agent check, since CI cannot cover it.

  • Sparkline: applied the same flex rules to live /gh/obra/superpowers at 320, 390, 768, and 1280px. Every sparkline stays inside its card. The 1280px layout is unchanged.
  • Code blocks: ran the branch with nuxi dev. A glyph hit test found no text under the copy button on /agents/claude-code (320 and 390px), /learn/create-agent-skills, and 1280px. The same test flags the --agent block on production.
Before (390px) After (390px)
Repo stats Before stats After stats
Code block Before code After code

@harlan-zw harlan-zw added the harlan-agent-review Pull request triage requires an adversarial Review. Adding this label manually always forces one. label Oct 6, 2026
@harlan-github-agent harlan-github-agent Bot added harlan-agent-review-required Pull request triage requires an adversarial Review for this head commit. harlan-agent-running An Agent holds a Task on this issue or pull request right now. and removed harlan-agent-review Pull request triage requires an adversarial Review. Adding this label manually always forces one. labels Oct 6, 2026
@harlan-github-agent

harlan-github-agent Bot commented Oct 6, 2026 •

Copy link
Copy Markdown
Contributor

🤖 MERGED

Harlan Agent Kit posted this automated review. It is not Harlan's personal review or approval. AI open source policy. Last updated: 2026-10-06 15:30 UTC.

GitHub merged this pull request.

  • Logged (15/100): Visual before/after evidence for both fixes is unavailable, so the claimed before states rest on the author's description and the agent's comment, not inspected pixels. View code
    • Ask an agent to verify and fix this finding

c6a07aae-2b1c-4d92-a47a-bdce92eed7f9

Selected findings run after merge and open separate pull requests.

@harlan-zw harlan-zw added the harlan-agent-review-required Pull request triage requires an adversarial Review for this head commit. label Oct 6, 2026
@harlan-github-agent harlan-github-agent Bot added harlan-agent-pending The automated Review is waiting on a gate for this head commit. and removed harlan-agent-running An Agent holds a Task on this issue or pull request right now. harlan-agent-review-required Pull request triage requires an adversarial Review for this head commit. labels Oct 6, 2026

@harlan-github-agent harlan-github-agent 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.

Harlan Agent Kit posted this automated review. AI open source policy.

Automated Review: READY.

Read the Review results

@harlan-github-agent harlan-github-agent Bot added harlan-agent-ready The automated Review passed every gate on this head commit. and removed harlan-agent-pending The automated Review is waiting on a gate for this head commit. labels Oct 6, 2026
@harlan-zw
harlan-zw merged commit da01fdc into main Oct 6, 2026
7 checks passed
@harlan-github-agent harlan-github-agent Bot removed the harlan-agent-ready The automated Review passed every gate on this head commit. label Oct 6, 2026
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