BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(tooltip): update styles for tooltip content and arrow to use elevated surface variables

Browse Source
This commit is contained in:
Bohdan Triapitsyn
2026-07-05 12:55:04 +03:00
parent 02dc59b788
commit f3c36eb96e
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/ui/tooltip.tsx
+2 -2
View File
@@ -274,14 +274,14 @@ function TooltipContent({
<BaseTooltip.Popup <BaseTooltip.Popup
data-slot="tooltip-content" data-slot="tooltip-content"
className={cn( className={cn(
"bg-muted text-muted-foreground border border-border/60 transition-all duration-150 ease-out data-[starting-style]:opacity-0 data-[starting-style]:scale-95 data-[ending-style]:opacity-0 data-[ending-style]:scale-95 z-50 w-fit origin-[var(--transform-origin)] rounded-xl px-3 py-1.5 typography-meta text-balance overflow-hidden", "bg-[var(--surface-elevated)] text-[var(--surface-elevated-foreground)] border border-border/60 transition-all duration-150 ease-out data-[starting-style]:opacity-0 data-[starting-style]:scale-95 data-[ending-style]:opacity-0 data-[ending-style]:scale-95 z-50 w-fit origin-[var(--transform-origin)] rounded-xl px-3 py-1.5 typography-meta text-balance overflow-hidden",
className className
)} )}
style={{ ...style }} style={{ ...style }}
{...props} {...props}
> >
{children} {children}
<BaseTooltip.Arrow className="fill-muted z-50 size-2" /> <BaseTooltip.Arrow className="fill-[var(--surface-elevated)] z-50 size-2" />
</BaseTooltip.Popup> </BaseTooltip.Popup>
</BaseTooltip.Positioner> </BaseTooltip.Positioner>
</BaseTooltip.Portal> </BaseTooltip.Portal>