Skip to content

Wrap code on mobile to prevent horizontal page overflow, bump to 0.15.1#131

Merged
nicoalba merged 1 commit into
mainfrom
theme2
Jun 11, 2026
Merged

Wrap code on mobile to prevent horizontal page overflow, bump to 0.15.1#131
nicoalba merged 1 commit into
mainfrom
theme2

Conversation

@nicoalba

Copy link
Copy Markdown
Contributor

On narrow screens the base code rule's white-space: pre lets long inline commands and code-block lines push the page past the viewport. Override it to pre-wrap inside @media (max-width: 996px) so code wraps on mobile while desktop rendering is unchanged.

@vercel

vercel Bot commented Jun 11, 2026

Copy link
Copy Markdown

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

2 Skipped Deployments
Project Deployment Actions Updated (UTC)
nf-theme-sandbox Ignored Ignored Preview Jun 11, 2026 8:53pm
unified-doc-preview Ignored Ignored Preview Jun 11, 2026 8:53pm

Request Review

@dovholuknf dovholuknf left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

update to @media (max-width: 767px) { pls :)

On narrow screens the base `code` rule's white-space: pre lets long inline
commands and code-block lines push the page past the viewport. Override it to
pre-wrap inside @media (max-width: 996px) so code wraps on mobile while desktop
rendering is unchanged.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@nicoalba nicoalba merged commit 26e0fb0 into main Jun 11, 2026
3 checks passed
@nicoalba nicoalba deleted the theme2 branch June 11, 2026 20:53
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.

2 participants