Merge pull request #1863 from nextcloud/fix/pan-zoomed-images

nextcloud · Aug 15, 2023 · 8f0c125 · 8f0c125
2 parents a19ca96 + a33d766
commit 8f0c125
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/js/viewer-main.js b/js/viewer-main.js
diff --git a/js/viewer-main.js.map b/js/viewer-main.js.map
diff --git a/src/components/Images.vue b/src/components/Images.vue
@@ -36,8 +36,8 @@
 		}"
 		:src="data"
 		:style="{
-			marginTop: shiftY + 'px',
-			marginLeft: shiftX + 'px',
+			marginTop: (shiftY * 2) + 'px',
+			marginLeft: (shiftX * 2) + 'px',
 			maxHeight: zoomRatio * 100 + '%',
 			maxWidth: zoomRatio * 100 + '%',
 		}"
@@ -240,7 +240,7 @@ export default {
 				const growY = this.zoomHeight - this.height
 
 				this.shiftX = Math.min(Math.max(moveX, -growX / 2), growX / 2)
-				this.shiftY = Math.min(Math.max(moveY, -growY / 2), growX / 2)
+				this.shiftY = Math.min(Math.max(moveY, -growY / 2), growY / 2)
 				this.dragX = pageX
 				this.dragY = pageY
 			}