changeset 3717:eab5e934c37d

client: available fairway depth diagram: decreased label font-size to avoid overlapping at least a little bit better
author Markus Kottlaender <markus@intevation.de>
date Thu, 20 Jun 2019 15:09:48 +0200
parents 047a5e971ccd
children 7431c6680b90 7b6a74919051
files client/src/components/fairway/AvailableFairwayDepth.vue client/src/components/fairway/AvailableFairwayDepthLNWL.vue
diffstat 2 files changed, 3 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/fairway/AvailableFairwayDepth.vue	Thu Jun 20 15:02:39 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepth.vue	Thu Jun 20 15:09:48 2019 +0200
@@ -638,7 +638,8 @@
         .text(d => d.label)
         .attr("y", this.dimensions.mainHeight - this.labelPaddingBottom)
         .attr("x", this.widthPerItem / 2)
-        .attr("text-anchor", "middle");
+        .attr("text-anchor", "middle")
+        .attr("font-size", "smaller");
     },
     drawScaleLabel() {
       const center = this.dimensions.mainHeight / 2;
--- a/client/src/components/fairway/AvailableFairwayDepthLNWL.vue	Thu Jun 20 15:02:39 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepthLNWL.vue	Thu Jun 20 15:09:48 2019 +0200
@@ -511,6 +511,7 @@
         .append("text")
         .text(date)
         .attr("text-anchor", "middle")
+        .attr("font-size", "smaller")
         .attr(
           "transform",
           `translate(${this.scalePaddingLeft +