changeset 3443:2eeb5a69d5f2

Exchange comparison and accuracy triangles Since comparison references the past, it should be on the left, while accuracy references preditions and should be on the right.
author Tom Gottfried <tom@intevation.de>
date Fri, 24 May 2019 11:46:07 +0200
parents 030dc48382c9
children 1559566662f5
files client/src/components/map/styles.js
diffstat 1 files changed, 2 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/map/styles.js	Fri May 24 11:37:24 2019 +0200
+++ b/client/src/components/map/styles.js	Fri May 24 11:46:07 2019 +0200
@@ -263,8 +263,8 @@
       }
       let frame = `<polyline points='16,0 32,32 0,32 16,0' stroke='grey' stroke-width='1' fill='white'/>`;
       let waterlevel = `<polyline points="16,0 24,16 16,32 8,16 16,0" stroke='grey' stroke-width='1' fill='${colorWaterlevel}'/>`;
-      let comparison = `<polyline points="24,16 32,32 16,32 24,16" stroke='grey' stroke-width='1' fill='${colorComparison}'/>`;
-      let accuracy = `<polyline points="8,16 16,32 0,32 8,16" stroke='grey' stroke-width='1' fill='${colorAccuracy}'/>`;
+      let accuracy = `<polyline points="24,16 32,32 16,32 24,16" stroke='grey' stroke-width='1' fill='${colorAccuracy}'/>`;
+      let comparison = `<polyline points="8,16 16,32 0,32 8,16" stroke='grey' stroke-width='1' fill='${colorComparison}'/>`;
       let svg = `data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><g>${frame}${waterlevel}${comparison}${accuracy}</g></svg>`;
       let maps = store.state.map.openLayersMaps;
       let geom = feature.getGeometry();