You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This PR fixes the tooltip text color in the closed/folded sidebar by removing the <Text> component wrapper from the TooltipPrimitive.Content. The <Text> component was overriding the tooltip's own text color (set via the opal-tooltip CSS class), causing it to render with an incorrect color. Stripping the wrapper lets the tooltip's styling take full effect.
Root cause fixed: <Text> component inside TooltipPrimitive.Content was overriding the intended tooltip text color.
Fix: Render {children} directly inside the tooltip content, relying on the opal-tooltip CSS class for styling.
Minor cleanup needed: The Text import from @opal/components (line 8) is now unused and should be removed.
Confidence Score: 5/5
Safe to merge — single-line visual fix with no logic changes and only a minor unused import left behind.
The change is a straightforward one-line visual fix. The only remaining finding is a P2 unused import, which does not affect correctness or runtime behavior.
No files require special attention beyond the unused Text import on line 8.
Removes <Text> wrapper from the folded sidebar tooltip content so the tooltip's own CSS class controls text color; leaves one now-unused Text import.
Flowchart
%%{init: {'theme': 'neutral'}}%%
flowchart TD
A[SidebarTab folded=true] --> B[TooltipPrimitive.Root]
B --> C[TooltipPrimitive.Trigger]
B --> D[TooltipPrimitive.Portal]
D --> E[TooltipPrimitive.Content\nclassName=opal-tooltip]
E -->|before| F["<Text>{children}</Text>\n❌ overrides text color"]
E -->|after| G["{children}\n✅ opal-tooltip CSS controls color"]
Loading
Comments Outside Diff (1)
web/lib/opal/src/components/buttons/sidebar-tab/components.tsx, line 8 (link)
Unused import after fix
Now that <Text> is no longer used inside the tooltip content, the Text import on this line is dead code and should be removed.
(i.e., remove line 8 entirely — import { Text } from "@opal/components";)
Prompt To Fix With AI
This is a comment left during a code review.
Path: web/lib/opal/src/components/buttons/sidebar-tab/components.tsx
Line: 8
Comment:
**Unused import after fix**
Now that `<Text>` is no longer used inside the tooltip content, the `Text` import on this line is dead code and should be removed.
(i.e., remove line 8 entirely — `import { Text } from "@opal/components";`)
How can I resolve this? If you propose a fix, please make it concise.
Prompt To Fix All With AI
This is a comment left during a code review.
Path: web/lib/opal/src/components/buttons/sidebar-tab/components.tsx
Line: 8
Comment:
**Unused import after fix**
Now that `<Text>` is no longer used inside the tooltip content, the `Text` import on this line is dead code and should be removed.
```suggestionimport Link from "next/link";```
(i.e., remove line 8 entirely — `import { Text } from "@opal/components";`)
How can I resolve this? If you propose a fix, please make it concise.
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
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.
How Has This Been Tested?
before

after

Additional Options
Summary by cubic
Fixes the closed sidebar button tooltip text color. Removes the Text wrapper so the tooltip content inherits the correct theme styles.
Written for commit db8ca7e. Summary will update on new commits.