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 zoomout issue

Browse source
This commit is contained in:
Mutasem 2021-10-29 09:26:34 +02:00
parent 196286dd9e
commit 3602b117d1
1 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -419,11 +419,19 @@ export default mixins(
backgroundStyle (): object { backgroundStyle (): object {
const scale = this.nodeViewScale; const scale = this.nodeViewScale;
const offsetPosition = this.$store.getters.getNodeViewOffsetPosition; const offsetPosition = this.$store.getters.getNodeViewOffsetPosition;
return { const squareSize = 50 * scale;
'background-size': `${50 * scale}px ${50 * scale}px`, const dotSize = 3 * scale;
const styles: object = {
'background-size': `${squareSize}px ${squareSize}px`,
'background-position': `left ${offsetPosition[0]}px top ${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)`,
}; };
if (squareSize > 3) {
return {
...styles,
'background-image': `radial-gradient(circle at ${dotSize}px ${dotSize}px, #C5CDD3 ${dotSize}px, transparent 1px)`,
};
}
return styles;
}, },
workflowClasses () { workflowClasses () {
const returnClasses = []; const returnClasses = [];