From f5c7f0db0cffed755f1d0952026247c17a47e279 Mon Sep 17 00:00:00 2001 From: Sinclair Chen Date: Fri, 12 Aug 2022 11:56:55 -0700 Subject: [PATCH] Prevent hidden tooltip from covering click/hover --- web/components/tooltip.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/web/components/tooltip.tsx b/web/components/tooltip.tsx index 3a7ab2ab..ca77a29b 100644 --- a/web/components/tooltip.tsx +++ b/web/components/tooltip.tsx @@ -59,12 +59,12 @@ export function Tooltip(props: { role="tooltip" ref={floating} 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}