# HG changeset patch
# User Fadi Abbud <fadi.abbud@intevation.de>
# Date 1582890924 -3600
# Node ID abe9b75686ba9431c9ddc8ba09b9d0d947732868
# Parent  066b76ef5e6ab8956fb4aa931b34b8efa95f41db
client: set wheeldelta to facilitate quick changes of zoomlevel

diff -r 066b76ef5e6a -r abe9b75686ba client/src/components/TimeSlider.vue
--- a/client/src/components/TimeSlider.vue	Fri Feb 28 11:32:37 2020 +0100
+++ b/client/src/components/TimeSlider.vue	Fri Feb 28 12:55:24 2020 +0100
@@ -116,13 +116,17 @@
         .attr("width", svgWidth)
         .attr("height", svgHeight);
 
+      const wheelDelta = () => {
+        return (-d3.event.deltaY * (d3.event.deltaMode ? 120 : 1)) / 15;
+      };
       // zoom event
       zoom = d3
         .zoom()
-        .scaleExtent([0, Infinity])
+        .scaleExtent([0.8, 102000])
         .translateExtent([[0, 0], [svgWidth, svgHeight]])
         .extent([[0, 0], [(svgWidth, svgHeight)]])
         .on("zoom", this.zoomed);
+      zoom.wheelDelta(wheelDelta);
 
       svg
         .append("g")