fix: Context menu in data browser disappears behind menu bar

[404-html]

New Pull Request Checklist

• I am not disclosing a vulnerability.
• I am creating this PR in reference to an issue.

Issue Description

As described here: #2854

Closes: #2854

Approach

Setting a higher z-index than on Toolbar.

TODOs before merging

n/a

Summary by CodeRabbit

• Bug Fixes

  • Fixed context menu layering so it reliably appears above toolbars and other UI elements.

• Style

  • Improved context menu borders and shadow for clearer separation and better visual contrast.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[parse-github-assistant]

I will reformat the title to use the proper commit message syntax.

[parse-github-assistant]

🚀 Thanks for opening this pull request! We appreciate your effort in improving the project. Please let us know once your pull request is ready for review.

[coderabbitai]

📝 Walkthrough

Walkthrough

Set stacking and visual styles for the context menu: added z-index to the menu and border/box-shadow to the menu list to ensure it displays above the toolbar and has defined visual separation.

Changes

Cohort / File(s)	Summary
Context Menu Styling src/components/ContextMenu/ContextMenu.scss	Added z-index: 6 to .menu (with comment referencing Toolbar.scss). Added border: 1px solid rgba(255,255,255,0.15) and box-shadow: 0 4px 12px rgba(0,0,0,0.3) to ul.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main change: fixing the context menu visibility issue by adjusting z-index to prevent it from disappearing behind the menu bar.
Description check	✅ Passed	The description follows the template structure, completes required checklists, references the linked issue #2854, and explains the approach, though documentation updates are not applicable for styling-only changes.
Linked Issues check	✅ Passed	The PR successfully addresses the core requirement of issue #2854 by increasing the z-index of the context menu to ensure it renders above the toolbar, resolving the accessibility problem described.
Out of Scope Changes check	✅ Passed	All changes are scoped to fixing the context menu z-index rendering issue with the toolbar. The addition of border and box-shadow are minor styling enhancements related to the main objective and do not introduce unrelated changes.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

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

---

📜 Recent review details

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 5a08935 and d81e4ed.

📒 Files selected for processing (1)

• src/components/ContextMenu/ContextMenu.scss

🚧 Files skipped from review as they are similar to previous changes (1)

• src/components/ContextMenu/ContextMenu.scss

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)

• GitHub Check: Docker linux/amd64

---

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

[parseplatformorg]

✅ Snyk checks have passed. No issues have been found so far.

Status	Scanner	Critical	High	Medium	Low	Total (0)
✅	Open Source Security	0	0	0	0	0 issues

💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse.

[parseplatformorg]

🎉 This change has been released in version 8.2.0-alpha.19