mirror of
https://github.com/OpenCut-app/OpenCut.git
synced 2026-07-13 21:52:53 +02:00
feat: add timeline navigation return to start functionality
- Add Enter key shortcut for seeking to timeline start (00:00:00) - Add return to start button in timeline toolbar with skip-back icon - Both methods complement existing Home key shortcut - Update keyboard shortcuts help to display Enter key properly - Maintain consistent UI styling with existing playback controls Resolves #415
This commit is contained in:
@@ -12,6 +12,7 @@ import {
|
||||
SplitSquareHorizontal,
|
||||
Pause,
|
||||
Play,
|
||||
SkipBack,
|
||||
Video,
|
||||
Music,
|
||||
TypeIcon,
|
||||
@@ -508,7 +509,7 @@ export function Timeline() {
|
||||
onMouseEnter={() => setIsInTimeline(true)}
|
||||
onMouseLeave={() => setIsInTimeline(false)}
|
||||
>
|
||||
<TimelineToolbar zoomLevel={zoomLevel} setZoomLevel={setZoomLevel} />
|
||||
<TimelineToolbar zoomLevel={zoomLevel} setZoomLevel={setZoomLevel} seek={seek} />
|
||||
|
||||
{/* Timeline Container */}
|
||||
<div
|
||||
@@ -806,9 +807,11 @@ function TrackIcon({ track }: { track: TimelineTrack }) {
|
||||
function TimelineToolbar({
|
||||
zoomLevel,
|
||||
setZoomLevel,
|
||||
seek,
|
||||
}: {
|
||||
zoomLevel: number;
|
||||
setZoomLevel: (zoom: number) => void;
|
||||
seek: (time: number) => void;
|
||||
}) {
|
||||
const {
|
||||
tracks,
|
||||
@@ -981,6 +984,21 @@ function TimelineToolbar({
|
||||
{isPlaying ? "Pause (Space)" : "Play (Space)"}
|
||||
</TooltipContent>
|
||||
</Tooltip>
|
||||
<Tooltip>
|
||||
<TooltipTrigger asChild>
|
||||
<Button
|
||||
variant="text"
|
||||
size="icon"
|
||||
onClick={() => seek(0)}
|
||||
className="mr-2"
|
||||
>
|
||||
<SkipBack className="h-4 w-4" />
|
||||
</Button>
|
||||
</TooltipTrigger>
|
||||
<TooltipContent>
|
||||
Return to Start (Home / Enter)
|
||||
</TooltipContent>
|
||||
</Tooltip>
|
||||
<div className="w-px h-6 bg-border mx-1" />
|
||||
{/* Time Display */}
|
||||
<div
|
||||
|
||||
Reference in New Issue
Block a user