Mercurial > gemma

comparison client/src/components/fairway/Fairwayprofile.vue @ 3534:034657d6604f waterlevel-in-crossprofile

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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)