Mercurial > gemma

changeset 3905:3c095749efb2

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: available fairwaydepth diagrams: emphasize 0-ticks
author Markus Kottlaender <markus@intevation.de>
date Wed, 10 Jul 2019 17:01:36 +0200
parents 4b5c4007fc5d
children ec1d91fdd6a2
files client/src/components/fairway/AvailableFairwayDepth.vue client/src/components/fairway/AvailableFairwayDepthLNWL.vue
diffstat 2 files changed, 15 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/fairway/AvailableFairwayDepth.vue	Wed Jul 10 16:47:00 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepth.vue	Wed Jul 10 17:01:36 2019 +0200
@@ -592,7 +592,13 @@
         })
         .selectAll(".tick line")
         .attr("stroke-dasharray", 5)
-        .attr("stroke", "#ccc");
+        .attr("stroke", "#ccc")
+        .select(function() {
+          return this.parentNode;
+        })
+        .filter(d => d === 0)
+        .selectAll(".tick line")
+        .attr("stroke", "#333");
       this.diagram
         .append("g")
         .attr(
--- a/client/src/components/fairway/AvailableFairwayDepthLNWL.vue	Wed Jul 10 16:47:00 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepthLNWL.vue	Wed Jul 10 17:01:36 2019 +0200
@@ -556,7 +556,14 @@
         })
         .selectAll(".tick line")
         .attr("stroke-dasharray", 5)
-        .attr("stroke", "#ccc");
+        .attr("stroke", "#ccc")
+        .select(function() {
+          return this.parentNode;
+        })
+        .filter(d => d === 0)
+        .selectAll(".tick line")
+        .attr("stroke-dasharray", "none")
+        .attr("stroke", "#333");
       this.diagram
         .append("g")
         .attr("transform", `translate(${this.scalePaddingLeft})`)