Mercurial > gemma
diff client/src/components/map/styles.js @ 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 | d9ce63cad8da |
line wrap: on
line diff
--- 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'/>`;