Mercurial > gemma

changeset 5066:46f8c8b3054b time-sliding

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
timeslider: remove first. redraw later
author Thomas Junk <thomas.junk@intevation.de>
date Wed, 11 Mar 2020 12:39:27 +0100
parents 385cb52d32ee
children 99ac62a56dd2
files client/src/components/TimeSlider.vue
diffstat 1 files changed, 2 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/TimeSlider.vue	Tue Mar 10 12:49:16 2020 +0100
+++ b/client/src/components/TimeSlider.vue	Wed Mar 11 12:39:27 2020 +0100
@@ -149,6 +149,7 @@
       d3.select(".zoom").call(zoom.transform, t);
     },
     createSlider() {
+      d3.select(".sliderContainer svg").remove();
       const element = document.getElementById("sliderContainer");
       const svgWidth = element ? element.clientWidth : 0,
         svgHeight = 40,
@@ -158,7 +159,6 @@
       d3.timeFormatDefaultLocale(localeDateString);
       xScale = this.getScale();
       xAxis = this.getAxes();
-      d3.select(".sliderContainer svg").remove();
       let svg = d3
         .select(".sliderContainer")
         .append("svg")
@@ -278,6 +278,7 @@
   },
   mounted() {
     setTimeout(this.createSlider, 150);
+    window.addEventListener("resize", this.createSlider);
   }
 };
 </script>