From e45035582d54357821baaccfde89e59f1b8693ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Mon, 15 Mar 2021 19:28:21 +0100
Subject: [PATCH] Add ZOOM_COEFFICIENT with value of 10
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 src/components/views/elements/ImageView.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/views/elements/ImageView.js b/src/components/views/elements/ImageView.js
index fc904412ab..dc51ff019d 100644
--- a/src/components/views/elements/ImageView.js
+++ b/src/components/views/elements/ImageView.js
@@ -33,7 +33,10 @@ import {replaceableComponent} from "../../../utils/replaceableComponent";
 
 const MIN_ZOOM = 100;
 const MAX_ZOOM = 300;
+// This is used for the buttons
 const ZOOM_STEP = 10;
+// This is used for mouse wheel events
+const ZOOM_COEFFICIENT = 10;
 
 @replaceableComponent("views.elements.ImageView")
 export default class ImageView extends React.Component {
@@ -93,7 +96,7 @@ export default class ImageView extends React.Component {
     onWheel = (ev) => {
         ev.stopPropagation();
         ev.preventDefault();
-        const newZoom = this.state.zoom - ev.deltaY;
+        const newZoom = this.state.zoom - (ev.deltaY * ZOOM_COEFFICIENT);
 
         if (newZoom <= MIN_ZOOM) {
             this.setState({