Mercurial > gemma
comparison client/src/components/fairway/Fairwayprofile.vue @ 3534:034657d6604f waterlevel-in-crossprofile
client: fairway profiles: improved legend
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Wed, 29 May 2019 18:20:53 +0200 |
parents | 804df080c826 |
children | 067ad32fba69 |
comparison
equal
deleted
inserted
replaced
3532:4e4c0d2b8654 | 3534:034657d6604f |
---|---|
15 ></span> | 15 ></span> |
16 Fairway | 16 Fairway |
17 </div> | 17 </div> |
18 <div class="legend"> | 18 <div class="legend"> |
19 <span | 19 <span |
20 style="background-color: #4a2f06; width: 20px; height: 20px;" | 20 style="width: 14px; height: 14px; background-color: #4a2f06; border: solid 3px black; background-clip: padding-box; box-sizing: content-box;" |
21 ></span> | 21 ></span> |
22 Ground | 22 Sediment |
23 </div> | |
24 <div class="legend"> | |
25 <span | |
26 style="width: 14px; height: 14px; background-color: rgba(74, 47, 6, 0.6); border: solid 3px #943007; background-clip: padding-box; box-sizing: content-box;" | |
27 ></span> | |
28 Sediment (Compare) | |
23 </div> | 29 </div> |
24 <div> | 30 <div> |
25 <select | 31 <select |
26 v-model="form.template" | 32 v-model="form.template" |
27 @change="applyChange" | 33 @change="applyChange" |
646 ); | 652 ); |
647 graph | 653 graph |
648 .append("path") | 654 .append("path") |
649 .datum(part) | 655 .datum(part) |
650 .attr("fill", color) | 656 .attr("fill", color) |
651 .attr("stroke", color) | 657 .attr("stroke", "transparent") |
652 .attr("stroke-width", 3) | |
653 .attr("stroke-opacity", opacity) | |
654 .attr("fill-opacity", opacity) | 658 .attr("fill-opacity", opacity) |
655 .attr("d", profileArea); | 659 .attr("d", profileArea); |
656 graph | 660 graph |
657 .append("path") | 661 .append("path") |
658 .datum(part) | 662 .datum(part) |