From b922f6d49f4e64e7e96d340f3637c7ef72a43ae1 Mon Sep 17 00:00:00 2001 From: openhands Date: Sun, 26 Jul 2026 18:47:04 +0200 Subject: [PATCH] fix: remove auto-hide, toolbar always visible --- src/app/client/client-view.tsx | 26 ++------------------------ 1 file changed, 2 insertions(+), 24 deletions(-) diff --git a/src/app/client/client-view.tsx b/src/app/client/client-view.tsx index 5ec85f56..713557da 100644 --- a/src/app/client/client-view.tsx +++ b/src/app/client/client-view.tsx @@ -121,28 +121,9 @@ export function ClientView({ useEffect(() => { if (pos) posRef.current = pos; }, [pos]); - const [hidden, setHidden] = useState(false); const [snapTween, setSnapTween] = useState(false); const SNAP = 40; - /* auto-hide: show on mouse activity, fade after 2s idle */ - useEffect(() => { - let t: ReturnType; - function poke() { - setHidden(false); - clearTimeout(t); - if (!dragging) t = setTimeout(() => setHidden(true), 2000); - } - window.addEventListener("mousemove", poke); - window.addEventListener("touchstart", poke); - poke(); - return () => { - window.removeEventListener("mousemove", poke); - window.removeEventListener("touchstart", poke); - clearTimeout(t); - }; - }, [dragging]); - function snapPos(top: number, left: number) { const el = toolbarRef.current; if (!el) return { top, left }; @@ -226,14 +207,11 @@ export function ClientView({ {pos ? (
setHidden(false)} - className={`fixed z-[9999] backdrop-blur-xl bg-black/30 rounded-xl border border-white/10 shadow-2xl px-1.5 py-1 select-none ${dragging ? "cursor-grabbing" : "cursor-grab"} ${hidden && !dragging ? "opacity-[0.08]" : "opacity-100"}`} + className={`fixed z-[9999] backdrop-blur-xl bg-black/30 rounded-xl border border-white/10 shadow-2xl px-1.5 py-1 select-none ${dragging ? "cursor-grabbing" : "cursor-grab"}`} style={{ top: pos.top, left: pos.left, - transitionProperty: snapTween ? "top, left, opacity" : "opacity", - transitionDuration: snapTween ? "0.18s, 0.18s, 0.3s" : "0.3s", - transitionTimingFunction: snapTween ? "ease-out, ease-out, ease" : "ease", + transition: snapTween ? "top 0.18s ease-out, left 0.18s ease-out" : undefined, }} onMouseDown={handleMouseDown} onTouchStart={handleTouchStart}