Skip to content

fix: horizontal scrolling on pakage docs pages#903

Closed
NandkishorJadoun wants to merge 1 commit intonpmx-dev:mainfrom
NandkishorJadoun:fix/horizontal-scroll-bar
Closed

fix: horizontal scrolling on pakage docs pages#903
NandkishorJadoun wants to merge 1 commit intonpmx-dev:mainfrom
NandkishorJadoun:fix/horizontal-scroll-bar

Conversation

@NandkishorJadoun
Copy link
Copy Markdown
Contributor

closes #835

Changes

  1. Added word-break: break-word to the .docs-symbol container to ensure long names wrap gracefully

@vercel
Copy link
Copy Markdown

vercel Bot commented Feb 4, 2026

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

Project Deployment Actions Updated (UTC)
npmx.dev Ready Ready Preview, Comment Feb 4, 2026 3:48am
2 Skipped Deployments
Project Deployment Actions Updated (UTC)
docs.npmx.dev Ignored Ignored Preview Feb 4, 2026 3:48am
npmx-lunaria Ignored Ignored Feb 4, 2026 3:48am

Request Review

@codecov
Copy link
Copy Markdown

codecov Bot commented Feb 4, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Feb 4, 2026

📝 Walkthrough

Walkthrough

A CSS rule has been added to the .docs-content .docs-symbol selector in the app/pages/package-docs/[...path].vue file. The rule applies the word-break: break-word property, which allows long tokens and function names within symbol articles to wrap across multiple lines instead of causing horizontal overflow. This is a single-line addition with no changes to the component's logic, data flow, or error handling mechanisms.

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Description check ✅ Passed The pull request description clearly relates to the changeset, describing the addition of word-break CSS to address horizontal scrolling on documentation pages.
Linked Issues check ✅ Passed The pull request successfully implements the required fix for issue #835 by adding word-break: break-word to prevent long names from causing horizontal overflow.
Out of Scope Changes check ✅ Passed The change is narrowly scoped to addressing the stated objective, adding only a CSS word-break rule to the .docs-symbol container.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment

Important

Action Needed: IP Allowlist Update

If your organization protects your Git platform with IP whitelisting, please add the new CodeRabbit IP address to your allowlist:

  • 136.113.208.247/32 (new)
  • 34.170.211.100/32
  • 35.222.179.152/32

Reviews will stop working after February 8, 2026 if the new IP is not added to your allowlist.


Comment @coderabbitai help to get the list of available commands and usage tips.

@NandkishorJadoun
Copy link
Copy Markdown
Contributor Author

NandkishorJadoun commented Feb 4, 2026

closing this since issue is already closed as completed thanks to @vrajpal-jhala

@NandkishorJadoun NandkishorJadoun deleted the fix/horizontal-scroll-bar branch February 10, 2026 03:59
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.

Horizontal Overflow on Documentation Pages Due to Long Function Names

1 participant