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

feature:deselect-clips-on-click

Browse Source
This commit is contained in:
aashishparuvada
2025-06-23 23:26:41 +05:30
parent d605cd762c
commit 4a9b102ce1
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -299,9 +299,13 @@ export function Timeline() {
}; };
const handleWheel = (e: React.WheelEvent) => { const handleWheel = (e: React.WheelEvent) => {
e.preventDefault(); // Only zoom if user is using pinch gesture (ctrlKey or metaKey is true)
const delta = e.deltaY > 0 ? -0.05 : 0.05; if (e.ctrlKey || e.metaKey) {
setZoomLevel((prev) => Math.max(0.1, Math.min(10, prev + delta))); e.preventDefault();
const delta = e.deltaY > 0 ? -0.05 : 0.05;
setZoomLevel((prev) => Math.max(0.1, Math.min(10, prev + delta)));
}
// Otherwise, allow normal scrolling
}; };
const dragProps = { const dragProps = {
@ -620,8 +624,7 @@ export function Timeline() {
className="relative cursor-pointer select-none" className="relative cursor-pointer select-none"
style={{ style={{
width: `${Math.max(1000, duration * 50 * zoomLevel)}px`, width: `${Math.max(1000, duration * 50 * zoomLevel)}px`,
minHeight: minHeight: '600px', // Always at least 600px tall for easy empty area clicking
tracks.length > 0 ? `${tracks.length * 60}px` : "200px",
}} }}
onClick={handleTimelineAreaClick} onClick={handleTimelineAreaClick}
onMouseDown={handleTimelineMouseDown} onMouseDown={handleTimelineMouseDown}