fix(timeline): improved zoom scaling

Akryum · Akryum · commit 790944389c77 · 2020-08-29T19:21:01.000+02:00
diff --git a/packages/app-frontend/src/features/timeline/TimelineView.vue b/packages/app-frontend/src/features/timeline/TimelineView.vue
@@ -284,7 +284,7 @@ export default {
         const centerRatio = event.offsetX / viewWidth
         const center = size * centerRatio + startTime.value
 
-        let newSize = size + event.deltaY * 4
+        let newSize = size + event.deltaY / viewWidth * size * 2
         if (newSize < 100) {
           newSize = 100
         }
@@ -303,6 +303,7 @@ export default {
         let deltaX = event.deltaX
 
         if (deltaX === 0 && event.shiftKey && event.deltaY !== 0) {
+          // Horitonzal scroll with vertical mouse wheel and shift key
           deltaX = event.deltaY
         }
 

Original file line number	Diff line number	Diff line change
`@@ -284,7 +284,7 @@ export default {`
`284`	`284`	`const centerRatio = event.offsetX / viewWidth`
`285`	`285`	`const center = size * centerRatio + startTime.value`
`286`	`286`
`287`		`- let newSize = size + event.deltaY * 4`
	`287`	`+ let newSize = size + event.deltaY / viewWidth * size * 2`
`288`	`288`	`if (newSize < 100) {`
`289`	`289`	`newSize = 100`
`290`	`290`	`}`
`@@ -303,6 +303,7 @@ export default {`
`303`	`303`	`let deltaX = event.deltaX`
`304`	`304`
`305`	`305`	`if (deltaX === 0 && event.shiftKey && event.deltaY !== 0) {`
	`306`	`+ // Horitonzal scroll with vertical mouse wheel and shift key`
`306`	`307`	`deltaX = event.deltaY`
`307`	`308`	`}`
`308`	`309`