Mercurial > gemma
changeset 3440:8801811bf9f5
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 +