# HG changeset patch
# User Thomas Junk <thomas.junk@intevation.de>
# Date 1583926767 -3600
# Node ID 46f8c8b3054ba4898160877d62dad926fe4a4fa3
# Parent  385cb52d32eeef66f6ba00591117cfdbea09c69a
timeslider: remove first. redraw later

diff -r 385cb52d32ee -r 46f8c8b3054b client/src/components/TimeSlider.vue
--- 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>