thepaperpilot/chromatic-lattice
1
0
Fork 0
Code Issues Pull requests Releases Activity Actions

Fix nodes appearing in center when selected

Browse source
This commit is contained in:
thepaperpilot 2023-04-22 00:33:20 -05:00
parent b6317a47e8
commit 80c66135b2
1 changed files with 2 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/features/boards/BoardNode.vue
View file

@ -3,7 +3,7 @@
class="boardnode"
:class="{ [node.type]: true, isSelected, isDraggable }"
:style="{ opacity: dragging?.id === node.id && hasDragged ? 0.5 : 1 }"
:transform="`translate(${position.x},${position.y})`"
:transform="`translate(${position.x},${position.y})${isSelected ? ' scale(1.2)' : ''}`"
>
<BoardNodeAction
:actions="actions ?? []"
@ -244,6 +244,7 @@ function mouseDown(e: MouseEvent | TouchEvent) {
function mouseUp(e: MouseEvent | TouchEvent) {
if (!props.hasDragged?.value) {
emit("endDragging", props.node.value.id);
props.nodeType.value.onClick?.(props.node.value);
e.stopPropagation();
}
@ -260,10 +261,6 @@ function mouseUp(e: MouseEvent | TouchEvent) {
fill: var(--highlighted);
}
.boardnode.isSelected {
transform: scale(1.2);
}
.boardnode.isSelected .body {
fill: var(--accent1) !important;
}