Mercurial > gemma
changeset 3046:c764c73f44b4
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")