fix: prevent tooltip from being hidden behind navbar

[BittuBarnwal7479]

🔗 Linked issue

Closes#2864

🧭 Context

The tooltip shown when hovering over the Tetris image was partially hidden behind the navbar, making some of the content unreadable.

📚 Description

Updated the tooltip styling so it renders above the navbar and remains fully visible on hover.

This improves readability and prevents the tooltip content from being clipped.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Jun 6, 2026 10:00pm

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Jun 6, 2026 10:00pm
npmx-lunaria	Ignored		Jun 6, 2026 10:00pm

[coderabbitai]

📝 Walkthrough

Walkthrough

The tooltip component's z-index is increased from 40 to 60 to ensure tooltips properly overlay other UI elements when stacking contexts overlap in multi-layer compositions.

Changes

Tooltip Z-Index Adjustment

Layer / File(s)	Summary
Tooltip stacking context app/components/Tooltip/Base.vue	Tooltip container z-index updated from z-[40] to z-[60] to adjust overlay ordering when multiple layered elements are present.

Possibly related PRs

• npmx-dev/npmx.dev#2628: Also modifies tooltip z-index in app/components/Tooltip/Base.vue to adjust stacking order for correct overlay behaviour.
• npmx-dev/npmx.dev#2701: Updates z-index on copy-to-clipboard tooltip to ensure overlay ordering alongside tooltip stacking adjustments.

Suggested reviewers

• ghostdevv
• serhalp

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and directly describes the main change: updating the tooltip z-index to prevent it from being hidden behind the navbar.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Description check	✅ Passed	The PR description clearly relates to the changeset, explaining the z-index update to fix tooltip visibility behind the navbar.

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

[alexdln]

Ah, great, thanks 🤍