system/memos
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix(web): position tooltip arrows outside content

Browse source 
Closes #6095
This commit is contained in:
boojack 2026-07-15 22:29:38 +08:00
parent 49516395da
commit 773e56e537
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
web/src/components/ui/tooltip.tsx
View file

@ -44,7 +44,12 @@ const TooltipContent = React.forwardRef<
{...props} {...props}
> >
{children} {children}
<TooltipPrimitive.Arrow className="bg-primary z-tooltip size-2.5 rotate-45 rounded-[2px]" /> <TooltipPrimitive.Arrow
className={cn(
"pointer-events-none bg-primary z-tooltip size-2.5 rotate-45 rounded-[2px]",
"data-[side=top]:bottom-[-5px] data-[side=bottom]:top-[-5px] data-[side=left]:right-[-5px] data-[side=right]:left-[-5px]",
)}
/>
</TooltipPrimitive.Popup> </TooltipPrimitive.Popup>
</TooltipPrimitive.Positioner> </TooltipPrimitive.Positioner>
</TooltipPrimitive.Portal> </TooltipPrimitive.Portal>