Mercurial > gemma
changeset 4319:0d516bac1aae
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'/>`;