xstefen/OpenCut
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: show clip trim handles on focus rather than hover

Browse Source
This commit is contained in:
Maze Winther
2025-06-25 21:06:34 +02:00
parent 27b0e51265
commit d1e313450d
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/web/src/components/editor/timeline.tsx
View File

@ -1802,7 +1802,7 @@ function TimelineTrackContent({
> >
{/* Left trim handle */} {/* Left trim handle */}
<div <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")} onMouseDown={(e) => handleResizeStart(e, clip.id, "left")}
/> />
{/* Clip content */} {/* Clip content */}
@ -1844,7 +1844,7 @@ function TimelineTrackContent({
</div> </div>
{/* Right trim handle */} {/* Right trim handle */}
<div <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")} onMouseDown={(e) => handleResizeStart(e, clip.id, "right")}
/> />
</div> </div>