Mercurial > gemma

changeset 3440:8801811bf9f5

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: diagram-template: fix the size of renderd Diagram in case two diagrams are shown on the screen
author Fadi Abbud <fadi.abbud@intevation.de>
date Fri, 24 May 2019 11:20:54 +0200
parents df6c2973f791
children d7ec52232702
files client/src/components/gauge/HydrologicalConditions.vue client/src/components/gauge/Waterlevel.vue
diffstat 2 files changed, 4 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- 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")
--- 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 +