From 949c81f913d5ae2b5fd8ab085a226ecf4863ae40 Mon Sep 17 00:00:00 2001
From: Toby Milner-Gulland <tmgulland@movingbrands.com>
Date: Fri, 6 Nov 2020 14:34:34 +0000
Subject: [PATCH] updated to add dragging fix to onboarding nodes as well
---
app/src/components/ModesCardorg.vue | 2 ++
app/src/components/OnBoard.vue | 6 ++++++
app/src/components/TipsLayer.vue | 7 +++++--
3 files changed, 13 insertions(+), 2 deletions(-)
diff --git a/app/src/components/ModesCardorg.vue b/app/src/components/ModesCardorg.vue
index ff11827..0c3f6c3 100644
--- a/app/src/components/ModesCardorg.vue
+++ b/app/src/components/ModesCardorg.vue
@@ -7,6 +7,7 @@
:x="50"
:y="15"
:z="1"
+ :scale="scale"
:draggable="true"
:resizable="false"
style="background-color: #6fcf97"
@@ -138,6 +139,7 @@ export default {
computed: mapState({
hidetipsstate: (state) => state.hidetipsstate,
+ scale: (state) => state.ui.scale,
}),
methods: {
diff --git a/app/src/components/OnBoard.vue b/app/src/components/OnBoard.vue
index 877c625..499d978 100644
--- a/app/src/components/OnBoard.vue
+++ b/app/src/components/OnBoard.vue
@@ -8,6 +8,7 @@
:x="5"
:y="15"
:z="1"
+ :scale="scale"
:draggable="true"
:resizable="false"
style="background-color: #6fcf97"
@@ -53,6 +54,7 @@
:x="600"
:y="15"
:z="1"
+ :scale="scale"
:draggable="true"
:resizable="false"
style="background-color: #6fcf97"
@@ -157,6 +159,7 @@
import draggable from '@/experimental/Draggable'
import Router from '@/router'
import marked from 'marked'
+import { mapState } from 'vuex'
export default {
data: function () {
@@ -221,6 +224,9 @@ export default {
this.$refs.microcosm.focus()
},
},
+ computed: mapState({
+ scale: (state) => state.ui.scale
+ }),
components: {
draggable,
},
diff --git a/app/src/components/TipsLayer.vue b/app/src/components/TipsLayer.vue
index d9f9095..5070885 100644
--- a/app/src/components/TipsLayer.vue
+++ b/app/src/components/TipsLayer.vue
@@ -8,6 +8,7 @@
:x="540"
:y="15"
:z="1"
+ :scale="scale"
:draggable="true"
:resizable="false"
style="background-color: #6fcf97"
@@ -31,6 +32,7 @@
<script>
import marked from 'marked'
import draggable from '@/experimental/Draggable'
+import { mapState } from 'vuex'
export default {
data: function () {
return {
@@ -39,8 +41,9 @@ export default {
tipsplease: true,
}
},
-
- mounted() {},
+ computed: mapState({
+ scale: (state) => state.ui.scale,
+ }),
filters: {
marked: marked,
},
--
GitLab