From 196286dd9e9abd1a28f2d2ead4e4ef8c368a87b7 Mon Sep 17 00:00:00 2001
From: Mutasem <mutdmour@gmail.com>
Date: Fri, 29 Oct 2021 09:06:09 +0200
Subject: [PATCH] fix parallaxing issue

---
 packages/editor-ui/src/views/NodeView.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/packages/editor-ui/src/views/NodeView.vue b/packages/editor-ui/src/views/NodeView.vue
index 25a1dd1982..3da501953e 100644
--- a/packages/editor-ui/src/views/NodeView.vue
+++ b/packages/editor-ui/src/views/NodeView.vue
@@ -417,10 +417,12 @@ export default mixins(
 				};
 			},
 			backgroundStyle (): object {
+				const scale = this.nodeViewScale;
 				const offsetPosition = this.$store.getters.getNodeViewOffsetPosition;
 				return {
-					'transform': `scale(${this.nodeViewScale})`,
-					'background-position': `right ${-offsetPosition[0]}px bottom ${-offsetPosition[1]}px`,
+					'background-size': `${50 * scale}px ${50 * scale}px`,
+					'background-position': `left ${offsetPosition[0]}px top ${offsetPosition[1]}px`,
+					'background-image': `radial-gradient(circle at ${3 * scale}px ${3 * scale}px, #C5CDD3 ${3 * scale}px, transparent 1px)`,
 				};
 			},
 			workflowClasses () {
@@ -2691,10 +2693,6 @@ export default mixins(
 	position: absolute;
 	width: 10000px;
 	height: 10000px;
-	top: -5000px;
-	left: -5000px;
-	background-size: 50px 50px;
-	background-image: radial-gradient(circle at 3px 3px, #C5CDD3 3px, transparent 1px);;
 }
 
 .move-active {