FazBrowse GitHub Viewer | Trending |
URL:
| Home
Tools: [Download Repo ZIP]   [Original HTTPS Page]

fix: prevent tooltip from being hidden behind navbar by BittuBarnwal7479 · Pull Request #2867 · npmx-dev/npmx.dev · GitHub

/ npmx.dev Public

fix: prevent tooltip from being hidden behind navbar - #2867

Merged
gameroman merged 1 commit into
npmx-dev:mainfrom
BittuBarnwal7479:fix/tooltip-navbar-overlap
Jun 7, 2026
ConversationCommits (1)ChecksFiles changed
Merged

fix: prevent tooltip from being hidden behind navbar#2867
gameroman merged 1 commit into
npmx-dev:mainfrom
BittuBarnwal7479:fix/tooltip-navbar-overlap

Conversation

BittuBarnwal7479 commented Jun 6, 2026 •
edited by alexdln
Loading

Copy link
Copy Markdown
Contributor

🔗 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 Bot commented Jun 6, 2026 •
edited
Loading

Copy link
Copy Markdown
Contributor

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 Bot commented Jun 6, 2026 •
edited
Loading

Copy link
Copy Markdown
Contributor

📝 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

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

codecov Bot commented Jun 6, 2026

Copy link
Copy Markdown

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 approved these changes Jun 7, 2026
View reviewed changes

alexdln 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.

Choose a reason Spam Abuse Off Topic Outdated Duplicate Resolved Low Quality

Ah, great, thanks 🤍

gameroman added the front Frontend, Design label Jun 7, 2026
gameroman added this pull request to the merge queue Jun 7, 2026
Merged via the queue into npmx-dev:main with commit ea84fc0 Jun 7, 2026
26 checks passed
github-actions Bot mentioned this pull request Jun 7, 2026
Merged
ayo-run pushed a commit to ayo-run/npmx.dev that referenced this pull request Aug 5, 2026
fix: prevent tooltip from being hidden behind navbar (npmx-dev#2867)
13c8786 
Co-authored-by: Your Name <your@email.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters
Show hidden characters
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

alexdln alexdln approved these changes
gameroman gameroman approved these changes

Assignees

No one assigned

Labels

front Frontend, Design

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Tooltip content is clipped behind navbar and not fully visible on hover

3 participants

Back | FazBrowse Home | New Git URL