Mercurial > gemma

changeset 5041:abe9b75686ba time-sliding

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: set wheeldelta to facilitate quick changes of zoomlevel
author Fadi Abbud <fadi.abbud@intevation.de>
date Fri, 28 Feb 2020 12:55:24 +0100
parents 066b76ef5e6a
children 28b260fdc303
files client/src/components/TimeSlider.vue
diffstat 1 files changed, 5 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- 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")