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

fix: ensure playback ruler appears above everything else

Browse Source
This commit is contained in:
Maze Winther
2025-07-01 15:02:34 +02:00
parent ee973cad21
commit ac4ff63438
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

@ -984,7 +984,7 @@ export function Timeline() {
{/* Playhead in ruler (scrubbable) */} {/* Playhead in ruler (scrubbable) */}
<div <div
className="absolute top-0 bottom-0 w-0.5 bg-red-500 pointer-events-auto z-10 cursor-ew-resize" className="absolute top-0 bottom-0 w-0.5 bg-red-500 pointer-events-auto z-50 cursor-ew-resize"
style={{ left: `${playheadPosition * 50 * zoomLevel}px` }} style={{ left: `${playheadPosition * 50 * zoomLevel}px` }}
onMouseDown={handlePlayheadMouseDown} onMouseDown={handlePlayheadMouseDown}
> >
@ -1118,7 +1118,7 @@ export function Timeline() {
{/* Playhead for tracks area (scrubbable) */} {/* Playhead for tracks area (scrubbable) */}
{tracks.length > 0 && ( {tracks.length > 0 && (
<div <div
className="absolute top-0 w-0.5 bg-red-500 pointer-events-auto z-20 cursor-ew-resize" className="absolute top-0 w-0.5 bg-red-500 pointer-events-auto z-50 cursor-ew-resize"
style={{ style={{
left: `${playheadPosition * 50 * zoomLevel}px`, left: `${playheadPosition * 50 * zoomLevel}px`,
height: `${tracks.length * 60}px`, height: `${tracks.length * 60}px`,