Mercurial > gemma

changeset 4136:630b817d12b3 improvepdf

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
fairway_availability: offsets relative to svgheight and svgwidth
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 01 Aug 2019 11:22:46 +0200
parents a6eda41e7724
children a41fd26c1644
files client/src/components/fairway/AvailableFairwayDepth.vue client/src/components/fairway/AvailableFairwayDepthLNWL.vue
diffstat 2 files changed, 14 insertions(+), 16 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/fairway/AvailableFairwayDepth.vue	Thu Aug 01 10:38:15 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepth.vue	Thu Aug 01 11:22:46 2019 +0200
@@ -331,14 +331,13 @@
     close() {
       this.$store.commit("application/paneSetup", "DEFAULT");
     },
-    getPrintLayout(svgHeight) {
+    getPrintLayout(svgHeight, svgWidth) {
       return {
-        main: { top: 0, right: 20, bottom: 50, left: 20 },
-        nav: {
-          top: svgHeight - 65,
-          right: 20,
-          bottom: 30,
-          left: 80
+        main: {
+          top: 0,
+          right: Math.floor(svgWidth * 0.025),
+          bottom: Math.floor(svgHeight * 0.17),
+          left: Math.floor(svgWidth * 0.025)
         }
       };
     },
@@ -346,7 +345,7 @@
       const elem = document.querySelector("#" + this.containerId);
       const svgWidth = elem != null ? elem.clientWidth : 0;
       const svgHeight = elem != null ? elem.clientHeight : 0;
-      const layout = this.getPrintLayout(svgHeight);
+      const layout = this.getPrintLayout(svgHeight, svgWidth);
       const dimensions = this.getDimensions({
         svgHeight,
         svgWidth,
--- a/client/src/components/fairway/AvailableFairwayDepthLNWL.vue	Thu Aug 01 10:38:15 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepthLNWL.vue	Thu Aug 01 11:22:46 2019 +0200
@@ -320,14 +320,13 @@
     close() {
       this.$store.commit("application/paneSetup", "DEFAULT");
     },
-    getPrintLayout(svgHeight) {
+    getPrintLayout(svgHeight, svgWidth) {
       return {
-        main: { top: 0, right: 20, bottom: 50, left: 20 },
-        nav: {
-          top: svgHeight - 65,
-          right: 20,
-          bottom: 30,
-          left: 80
+        main: {
+          top: 0,
+          right: Math.floor(svgWidth * 0.025),
+          bottom: Math.floor(svgHeight * 0.17),
+          left: Math.floor(svgWidth * 0.025)
         }
       };
     },
@@ -335,7 +334,7 @@
       const elem = document.querySelector("#" + this.containerId);
       const svgWidth = elem != null ? elem.clientWidth : 0;
       const svgHeight = elem != null ? elem.clientHeight : 0;
-      const layout = this.getPrintLayout(svgHeight);
+      const layout = this.getPrintLayout(svgHeight, svgWidth);
       const dimensions = this.getDimensions({
         svgHeight,
         svgWidth,