# HG changeset patch
# User Markus Kottlaender <markus@intevation.de>
# Date 1562770896 -7200
# Node ID 3c095749efb2bc9961d5b209f96ef8cfcf9c0f95
# Parent  4b5c4007fc5d9c9b4a52ade66527a0aa0138df03
client: available fairwaydepth diagrams: emphasize 0-ticks

diff -r 4b5c4007fc5d -r 3c095749efb2 client/src/components/fairway/AvailableFairwayDepth.vue
--- 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(
diff -r 4b5c4007fc5d -r 3c095749efb2 client/src/components/fairway/AvailableFairwayDepthLNWL.vue
--- 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})`)