Fix transparent tooltip background on max projects reached tooltip#471
Merged
AnthonyRonning merged 1 commit intomasterfrom Apr 14, 2026
Merged
Conversation
- Fix z-index class in TooltipContent from invalid z-1000 to z-[1000] - Add bg-muted to the max projects tooltip for an opaque, visually distinct background Co-Authored-By: tony@opensecret.cloud <TonyGiorgio@protonmail.com>
Contributor
Author
🤖 Devin AI EngineerI'll be helping with this pull request! Here's what you should know: ✅ I will automatically:
Note: I can only respond to comments from users who have write access to this repository. ⚙️ Control Options:
|
Deploying maple with
|
| Latest commit: |
6591e7f
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://d9ddda4c.maple-ca8.pages.dev |
| Branch Preview URL: | https://devin-1776189117-fix-tooltip.maple-ca8.pages.dev |
![devin-ai-integration[bot]](https://avatars.githubusercontent.com/in/811515?s=60&v=4){kind=small}
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Fixes the tooltip for the "Maximum of 10 projects reached" message appearing transparent on desktop, making it hard to read against the project list behind it.
Two changes:
Global tooltip z-index fix (
tooltip.tsx): Changedz-1000toz-[1000]. The barez-1000is not a valid Tailwind class (arbitrary values require bracket syntax), so it was silently ignored — meaning all tooltips had no explicit z-index.Opaque background for max-projects tooltip (
ChatHistoryList.tsx): Addedbg-mutedclass override to the tooltip content. The defaultbg-popoverresolves to the same color as--backgroundin dark mode, and the sidebar usesbackdrop-blur-lg, which together caused the see-through appearance.bg-muted(0 0% 15%in dark mode) provides a visually distinct, opaque surface.Review & Testing Checklist for Human
bg-mutedlooks right in both light and dark mode: The color choice may not match the intended design — compare against other tooltips/popovers in the appz-[1000]fix is global — verify no unintended z-index stacking issues appeared elsewhere (e.g., tooltips overlapping modals or dropdowns that they shouldn't)Notes
backdrop-blur-lg+bg-popovermatching--background) could affect other tooltips rendered within the sidebar. If more tooltips are added to the sidebar in the future, they may need a similarbg-mutedoverride — or the globalbg-popovervariable could be changed to a distinct color.Link to Devin session: https://app.devin.ai/sessions/7da7b04fef0a43beaf1e35b14b79db8d