# HG changeset patch
# User Fadi Abbud <fadi.abbud@intevation.de>
# Date 1558689654 -7200
# Node ID 8801811bf9f5279bb139926713b3eb0acd47f9bb
# Parent  df6c2973f7915c98d9af11d8c655e225d82962e9
client: diagram-template: fix the size of renderd Diagram in case two diagrams are shown on the screen

diff -r df6c2973f791 -r 8801811bf9f5 client/src/components/gauge/HydrologicalConditions.vue
--- a/client/src/components/gauge/HydrologicalConditions.vue	Fri May 24 11:15:58 2019 +0200
+++ b/client/src/components/gauge/HydrologicalConditions.vue	Fri May 24 11:20:54 2019 +0200
@@ -7,7 +7,7 @@
       class="rounded-0"
     />
     <div class="d-flex flex-fill">
-      <DiagramLegend>
+      <DiagramLegend id="diagramlegendId">
         <div class="legend">
           <span
             style="background-color: red; width: 20px; height: 20px;"
@@ -368,6 +368,7 @@
           document.querySelector("#hydrologicalconditions-diagram-container")
             .clientWidth *
             2 +
+          document.querySelector("#diagramlegendId").clientWidth +
           "px";
         document.querySelector("#tmpContainer").style.height =
           document.querySelector("#hydrologicalconditions-diagram-container")
diff -r df6c2973f791 -r 8801811bf9f5 client/src/components/gauge/Waterlevel.vue
--- a/client/src/components/gauge/Waterlevel.vue	Fri May 24 11:15:58 2019 +0200
+++ b/client/src/components/gauge/Waterlevel.vue	Fri May 24 11:20:54 2019 +0200
@@ -7,7 +7,7 @@
       class="rounded-0"
     />
     <div class="d-flex flex-fill">
-      <DiagramLegend>
+      <DiagramLegend id="diagramlegendId">
         <div class="legend">
           <span
             style="background-color: steelblue; width: 20px; height: 20px;"
@@ -381,6 +381,7 @@
         document.querySelector("#pdfContainer").style.width =
           document.querySelector("#waterlevel-diagram-container").clientWidth *
             2 +
+          document.querySelector("#diagramlegendId").clientWidth +
           "px";
         document.querySelector("#pdfContainer").style.height =
           document.querySelector("#waterlevel-diagram-container").clientHeight +