How can I make the decorative lines not coincide with the ports?
Here is the relevant code snippet
const nodeSelectionAdornmentTemplate =
$(go.Adornment, 'Auto',
$(go.Shape, { fill: null, stroke: '#3699FF', strokeWidth: 1 }),
$(go.Placeholder)
)
function makePort(name, spot, output, input) {
return $(go.Shape, 'Circle', {
fill: null,
stroke: null,
desiredSize: new go.Size(7, 7),
alignment: spot,
portId: name,
fromSpot: spot, toSpot: spot,
fromLinkable: output, toLinkable: input,
cursor: 'crosshair',
mouseEnter: function(e, port) {
port.desiredSize = new go.Size(14, 14)
port.fill = '#D4E9FF'
},
mouseLeave: function(e, port) {
port.desiredSize = new go.Size(7, 7)
port.fill = '#fff'
}
})
}