open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Prevent hidden tooltip from covering click/hover

Browse Source
This commit is contained in:
Sinclair Chen 2022-08-12 11:56:55 -07:00
parent 9d8a21653c
commit f5c7f0db0c
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/components/tooltip.tsx
View File

@ -59,12 +59,12 @@ export function Tooltip(props: {
role="tooltip" role="tooltip"
ref={floating} ref={floating}
style={{ position: strategy, top: y ?? 0, left: x ?? 0 }} style={{ position: strategy, top: y ?? 0, left: x ?? 0 }}
className="z-10 max-w-xs rounded bg-slate-700 px-2 py-1 text-center text-sm text-white opacity-0 transition-opacity peer-hover:opacity-100 peer-focus:opacity-100" className="-z-10 max-w-xs rounded bg-slate-700 px-2 py-1 text-center text-sm text-white opacity-0 transition-opacity peer-hover:z-10 peer-hover:opacity-100 peer-focus:z-10 peer-focus:opacity-100"
> >
{text} {text}
<div <div
ref={arrowRef} ref={arrowRef}
className="absolute h-2 w-2 rotate-45 bg-slate-700" className="absolute h-2 w-2 rotate-45 bg-slate-700"
style={{ style={{
top: arrowY != null ? arrowY : '', top: arrowY != null ? arrowY : '',
left: arrowX != null ? arrowX : '', left: arrowX != null ? arrowX : '',