diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-06-25 21:06:34 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-06-25 21:06:34 +0200 |
| commit | d1e313450db64c95237ebcefe928dbde39043fee (patch) | |
| tree | bb9e4e53b17a9f6f4fa37d1be4796a4cb1376cfd /apps | |
| parent | 27b0e51265af18a802cef4f245c075894d290b53 (diff) | |
| download | opencut-d1e313450db64c95237ebcefe928dbde39043fee.tar.gz | |
fix: show clip trim handles on focus rather than hover
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/web/src/components/editor/timeline.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx index 31e0dd50..b9e78839 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>
|