changeset 3918:1e837d86bead

available_fairway_lnwl: fixed containerID
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 11 Jul 2019 14:53:07 +0200
parents be0deb139518
children 2c9e96b02573
files client/src/components/fairway/AvailableFairwayDepth.vue client/src/components/fairway/AvailableFairwayDepthLNWL.vue
diffstat 2 files changed, 5 insertions(+), 6 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/fairway/AvailableFairwayDepth.vue	Thu Jul 11 14:43:30 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepth.vue	Thu Jul 11 14:53:07 2019 +0200
@@ -90,7 +90,7 @@
   },
   data() {
     return {
-      containerId: "availablefairwaydepth",
+      containerId: "availablefairwaydepth-diagram-container",
       resizeListenerFunction: null,
       loading: false,
       scalePaddingLeft: 60,
@@ -244,7 +244,7 @@
   },
   methods: {
     getDimensions({ svgHeight, svgWidth, main, nav }) {
-      const mainMargin = main || { top: 0, right: 20, bottom: 75, left: 200 };
+      const mainMargin = main || { top: 0, right: 20, bottom: 50, left: 20 };
       const navMargin = nav || {
         top: svgHeight - mainMargin.top - 65,
         right: 20,
@@ -303,8 +303,7 @@
         element: offScreen,
         dimensions: this.getDimensions({
           svgWidth: svgWidth,
-          svgHeight: svgHeight,
-          main: { top: 0, right: 20, bottom: 45, left: 20 }
+          svgHeight: svgHeight
         })
       });
       var svg = offScreen.querySelector("svg");
--- a/client/src/components/fairway/AvailableFairwayDepthLNWL.vue	Thu Jul 11 14:43:30 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepthLNWL.vue	Thu Jul 11 14:53:07 2019 +0200
@@ -87,7 +87,7 @@
   },
   data() {
     return {
-      containerId: "availablefairwaydepthlnwl",
+      containerId: "availablefairwaydepthlnwl-diagram-container",
       resizeListenerFunction: null,
       loading: false,
       scalePaddingLeft: 60,
@@ -344,7 +344,7 @@
       this.$store.commit("application/paneSetup", "DEFAULT");
     },
     getDimensions({ svgHeight, svgWidth }) {
-      const mainMargin = { top: 0, right: 20, bottom: 75, left: 200 };
+      const mainMargin = { top: 0, right: 20, bottom: 50, left: 20 };
       const navMargin = {
         top: svgHeight - mainMargin.top - 65,
         right: 20,