Mercurial > gemma

changeset 4319:0d516bac1aae

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bottleneck fairway availability: minor layout adjustments
author Thomas Junk <thomas.junk@intevation.de>
date Wed, 04 Sep 2019 12:21:36 +0200
parents be7c23af783c
children baa3759f27f4
files client/src/components/fairway/AvailableFairwayDepth.vue client/src/components/fairway/AvailableFairwayDepthLNWL.vue client/src/components/map/styles.js
diffstat 3 files changed, 5 insertions(+), 7 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/fairway/AvailableFairwayDepth.vue	Wed Sep 04 11:50:37 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepth.vue	Wed Sep 04 12:21:36 2019 +0200
@@ -653,7 +653,7 @@
   COLORS: {
     LDC: "aqua",
     HIGHEST: "blue",
-    REST: ["darksalmon", "hotpink", "#ffaaaa"]
+    REST: ["hotpink", "darksalmon", "#ffaaaa"]
   }
 };
 </script>
--- a/client/src/components/fairway/AvailableFairwayDepthLNWL.vue	Wed Sep 04 11:50:37 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepthLNWL.vue	Wed Sep 04 12:21:36 2019 +0200
@@ -606,7 +606,7 @@
     }
   },
   LEGEND: app.$gettext("Percent"),
-  AFDCOLORS: ["blue", "hotpink", "darksalmon"],
+  AFDCOLORS: ["blue", "darksalmon", "hotpink"],
   LWNLCOLORS: {
     LDC: "aqua",
     HDC: "#43FFE1"
--- a/client/src/components/map/styles.js	Wed Sep 04 11:50:37 2019 +0200
+++ b/client/src/components/map/styles.js	Wed Sep 04 12:21:36 2019 +0200
@@ -221,18 +221,16 @@
       }
       if (feature.get("fa_critical") && feature.get("fa_data")) {
         let data = feature.get("fa_data");
-        const heightInPixel = 80;
+        const heightInPixel = 82;
         const relativeHeightInPercent = heightInPixel / 100;
         let lnwlHeight = relativeHeightInPercent * data.ldc;
         let belowThresholdHeight = relativeHeightInPercent * data.below;
         let betweenThresholdHeight = relativeHeightInPercent * data.between;
         let aboveThresholdHeight = relativeHeightInPercent * data.above;
         let lnwl = `<rect x='2' y='${heightInPixel -
-          lnwlHeight +
-          2}' width='10' height='${lnwlHeight}' stroke-width='0' fill='aqua'/>`;
+          lnwlHeight}' width='10' height='${lnwlHeight}' stroke-width='0' fill='aqua'/>`;
         let above = `<rect x='12' y='${heightInPixel -
-          aboveThresholdHeight +
-          2}' width='18' height='${aboveThresholdHeight}' stroke-width='0' fill='blue'/>`;
+          aboveThresholdHeight}' width='18' height='${aboveThresholdHeight}' stroke-width='0' fill='blue'/>`;
         let between = `<rect x='12' y='${heightInPixel -
           aboveThresholdHeight -
           betweenThresholdHeight}' width='18' height='${betweenThresholdHeight}' stroke-width='0' fill='darksalmon'/>`;