Mercurial > gemma

changeset 3046:c764c73f44b4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: fix chart-tooltip style for diagrams
author Fadi Abbud <fadi.abbud@intevation.de>
date Mon, 15 Apr 2019 13:47:12 +0200
parents 44dc837638d9
children e0b77d7463e7
files client/src/components/gauge/HydrologicalConditions.vue client/src/components/gauge/Waterlevel.vue
diffstat 2 files changed, 8 insertions(+), 4 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/gauge/HydrologicalConditions.vue	Mon Apr 15 11:04:00 2019 +0200
+++ b/client/src/components/gauge/HydrologicalConditions.vue	Mon Apr 15 13:47:12 2019 +0200
@@ -362,11 +362,13 @@
         .attr("fill-opacity", 0)
         .attr("stroke", "steelblue")
         .style("pointer-events", "none")
-        .style("transition", "opacity 0.1s");
+        .transition()
+        .attr("fill-opacity", "0.1s");
       this.svg
         .selectAll(".chart-tooltip")
         .attr("fill-opacity", 0)
-        .style("transition", "opacity 0.3s");
+        .transition()
+        .attr("fill-opacity", "0.3s");
       this.svg
         .selectAll(".chart-tooltip rect")
         .attr("fill", "#fff")
--- a/client/src/components/gauge/Waterlevel.vue	Mon Apr 15 11:04:00 2019 +0200
+++ b/client/src/components/gauge/Waterlevel.vue	Mon Apr 15 13:47:12 2019 +0200
@@ -407,11 +407,13 @@
         .attr("stroke-opacity", 0)
         .attr("stroke", "steelblue")
         .style("pointer-events", "none")
-        .style("transition", "opacity 0.1s");
+        .transition()
+        .attr("fill-opacity", "0.1s");
       this.svg
         .selectAll(".chart-tooltip")
         .attr("fill-opacity", 0)
-        .style("transition", "opacity 0.3s");
+        .transition()
+        .attr("fill-opacity", "0.3s");
       this.svg
         .selectAll(".chart-tooltip rect")
         .attr("fill", "#fff")