mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-28 14:09:43 -08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

update dot grid

Browse source
This commit is contained in:
Mutasem 2021-10-29 17:00:31 +02:00
parent 36c9f7ab5b
commit b9831428f4
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -419,16 +419,17 @@ export default mixins(
backgroundStyle (): object {
const scale = this.nodeViewScale;
const offsetPosition = this.$store.getters.getNodeViewOffsetPosition;
const squareSize = 50 * scale;
const dotSize = 3 * scale;
const squareSize = 20 * scale;
const dotSize = 1 * scale;
const dotPosition = 10 * scale;
const styles: object = {
'background-size': `${squareSize}px ${squareSize}px`,
'background-position': `left ${offsetPosition[0]}px top ${offsetPosition[1]}px`,
};
if (squareSize > 3) {
if (squareSize > 10) {
return {
...styles,
'background-image': `radial-gradient(circle at ${dotSize}px ${dotSize}px, #C5CDD3 ${dotSize}px, transparent 1px)`,
'background-image': `radial-gradient(circle at ${dotPosition}px ${dotPosition}px, #D4DADE ${dotSize}px, transparent 0)`,
};
}
return styles;