diff client/src/components/gauge/Waterlevel.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
line wrap: on
line diff
--- a/client/src/components/gauge/Waterlevel.vue	Thu Mar 28 11:16:32 2019 +0100
+++ b/client/src/components/gauge/Waterlevel.vue	Thu Mar 28 11:26:04 2019 +0100
@@ -6,7 +6,7 @@
       </div>
       <div class="legend">
         <span
-          style="width: 5px; height: 5px; background-color: rgba(70, 130, 180, 0.6); border: solid 5px rgba(70, 130, 180, 0.2); background-clip: padding-box; box-sizing: content-box;"
+          style="width: 4px; height: 4px; background-color: rgba(70, 130, 180, 0.6); border: solid 4px rgba(70, 130, 180, 0.2); background-clip: padding-box; box-sizing: content-box;"
         ></span>
         Prediction
       </div>
@@ -14,11 +14,6 @@
         <span style="background-color: rgba(0, 255, 0, 0.1)"></span> Navigable
         Range
       </div>
-      <div class="legend"><span style="background-color: red"></span> HDC</div>
-      <div class="legend">
-        <span style="background-color: green"></span> LDC
-      </div>
-      <div class="legend"><span style="background-color: grey"></span> MW</div>
     </DiagramLegend>
     <div
       class="d-flex flex-fill justify-content-center align-items-center diagram-container"