mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-29 06:29:42 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix parallaxing issue

Browse source
This commit is contained in:
Mutasem 2021-10-29 09:06:09 +02:00
parent 87454484b2
commit 196286dd9e
1 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/editor-ui/src/views/NodeView.vue
View file

@ -417,10 +417,12 @@ export default mixins(
}; };
}, },
backgroundStyle (): object { backgroundStyle (): object {
const scale = this.nodeViewScale;
const offsetPosition = this.$store.getters.getNodeViewOffsetPosition; const offsetPosition = this.$store.getters.getNodeViewOffsetPosition;
return { return {
'transform': `scale(${this.nodeViewScale})`, 'background-size': `${50 * scale}px ${50 * scale}px`,
'background-position': `right ${-offsetPosition[0]}px bottom ${-offsetPosition[1]}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 () { workflowClasses () {
@ -2691,10 +2693,6 @@ export default mixins(
position: absolute; position: absolute;
width: 10000px; width: 10000px;
height: 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 { .move-active {