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

hotfix:disabled-vertical-scrolling-in-timeline

Browse Source
This commit is contained in:
aashishparuvada
2025-06-23 23:53:18 +05:30
parent f17d848b17
commit 360fdffa76
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -703,14 +703,14 @@ export function Timeline() {
</div> </div>
{/* Timeline Tracks Content */} {/* Timeline Tracks Content */}
<div className="flex-1 relative"> <div className="flex-1 relative overflow-hidden">
<ScrollArea className="h-full w-full"> <div className="w-full h-[600px] overflow-hidden flex" ref={timelineRef} style={{ position: 'relative' }}>
{/* Timeline grid and clips area (with left margin for sidebar) */}
<div <div
ref={timelineRef} className="relative flex-1"
className="relative cursor-pointer select-none"
style={{ style={{
height: `${tracks.length * 60}px`,
width: `${Math.max(1000, duration * 50 * zoomLevel)}px`, width: `${Math.max(1000, duration * 50 * zoomLevel)}px`,
minHeight: '600px', // Always at least 600px tall for easy empty area clicking
}} }}
onClick={handleTimelineAreaClick} onClick={handleTimelineAreaClick}
onMouseDown={handleTimelineMouseDown} onMouseDown={handleTimelineMouseDown}
@ -753,7 +753,6 @@ export function Timeline() {
zoomLevel={zoomLevel} zoomLevel={zoomLevel}
setContextMenu={setContextMenu} setContextMenu={setContextMenu}
/> />
</div> </div>
))} ))}
@ -768,7 +767,7 @@ export function Timeline() {
</> </>
)} )}
</div> </div>
</ScrollArea> </div>
</div> </div>
</div> </div>
</div> </div>