comparison client/src/components/gauge/HydrologicalConditions.vue @ 2843:451d73940c81

client: diagrams: more compact legend style, removed unnecessary legend items
author Markus Kottlaender <markus@intevation.de>
date Thu, 28 Mar 2019 11:26:04 +0100
parents 37c2a73ed001
children 7ee9a3ef90d4
comparison
equal deleted inserted replaced
2842:37c2a73ed001 2843:451d73940c81
12 <span style="background-color: black"></span> Median 12 <span style="background-color: black"></span> Median
13 </div> 13 </div>
14 <div class="legend"> 14 <div class="legend">
15 <span style="background-color: purple"></span> Q75% 15 <span style="background-color: purple"></span> Q75%
16 </div> 16 </div>
17 <div class="legend"><span style="background-color: red"></span> HDC</div>
18 <div class="legend">
19 <span style="background-color: green"></span> LDC
20 </div>
21 <div class="legend"><span style="background-color: grey"></span> MW</div>
22 <div class="legend"> 17 <div class="legend">
23 <span style="background-color: lightsteelblue"></span> 18 <span style="background-color: lightsteelblue"></span>
24 Amplitude 19 Long-term Amplitude
25 </div> 20 </div>
26 </DiagramLegend> 21 </DiagramLegend>
27 <div 22 <div
28 class="d-flex flex-fill justify-content-center align-items-center diagram-container" 23 class="d-flex flex-fill justify-content-center align-items-center diagram-container"
29 > 24 >