From d1e313450db64c95237ebcefe928dbde39043fee Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Wed, 25 Jun 2025 21:06:34 +0200
Subject: [PATCH] fix: show clip trim handles on focus rather than hover

---
 apps/web/src/components/editor/timeline.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx
index 31e0dd5..b9e7883 100644
--- a/apps/web/src/components/editor/timeline.tsx
+++ b/apps/web/src/components/editor/timeline.tsx
@@ -1802,7 +1802,7 @@ function TimelineTrackContent({
                 >
                   {/* Left trim handle */}
                   <div
-                    className="absolute left-0 top-0 bottom-0 w-2 cursor-w-resize opacity-0 group-hover:opacity-100 transition-opacity bg-blue-500/50 hover:bg-blue-500"
+                    className={`absolute left-0 top-0 bottom-0 w-2 cursor-w-resize transition-opacity bg-blue-500/50 hover:bg-blue-500 ${isSelected ? "opacity-100" : "opacity-0"}`}
                     onMouseDown={(e) => handleResizeStart(e, clip.id, "left")}
                   />
                   {/* Clip content */}
@@ -1844,7 +1844,7 @@ function TimelineTrackContent({
                   </div>
                   {/* Right trim handle */}
                   <div
-                    className="absolute right-0 top-0 bottom-0 w-2 cursor-e-resize opacity-0 group-hover:opacity-100 transition-opacity bg-blue-500/50 hover:bg-blue-500"
+                    className={`absolute right-0 top-0 bottom-0 w-2 cursor-e-resize transition-opacity bg-blue-500/50 hover:bg-blue-500 ${isSelected ? "opacity-100" : "opacity-0"}`}
                     onMouseDown={(e) => handleResizeStart(e, clip.id, "right")}
                   />
                 </div>