feat: package page right sidebar scroll

[onebyte8bits]

Fixes: #598

---

The sidebar section of the package details page is now scrollable.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 4, 2026 10:19am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Feb 4, 2026 10:19am
npmx-lunaria	Ignored		Feb 4, 2026 10:19am

[wojtekmaj]

@onebyte8bits Please make sure to rebase the PR so that the latest changes to CI pipeline could be applied, making your PR mergable again. Thanks!

[alexdln]

(In the screenshot on the right there is a small empty black zone under the sidebar panel)

imo It's better to make something like a global variable --header-height: 3.75rem, use it as the height of the header, and calculate the dimensions dynamically from it here.

[onebyte8bits]

here?

[coderabbitai]

📝 Walkthrough

Walkthrough

The package page component's sidebar was refactored to replace an overflow-hidden wrapper with a new .sidebar-scroll element that allows independent vertical scrolling. Template and stylesheet changes add responsive max-height constraints, custom scrollbar styling for desktop viewports, and behaviour to hide the scrollbar by default and reveal it on hover or focus. Layout and public interfaces remain unchanged.

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description directly references the linked issue (#598) and accurately describes the change made: enabling independent scrolling on the sidebar.
Linked Issues check	✅ Passed	The pull request implements independent sidebar scrolling by introducing a scrollable wrapper with vertical scroll capability, directly addressing issue #598's requirement for sidebar scrollability.
Out of Scope Changes check	✅ Passed	All changes are scoped to the package details page sidebar scrolling functionality. No unrelated modifications are present outside the linked issue's requirements.

_{✏️ 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.}

[onebyte8bits]

@onebyte8bits Please make sure to rebase the PR so that the latest changes to CI pipeline could be applied, making your PR mergable again. Thanks!

done

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!