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

Modified board to not use ID selector

Browse source
This commit is contained in:
thepaperpilot 2021-09-19 10:53:44 -05:00
parent 7c0f93b7ad
commit cc01f35d65
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/board/Board.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<panZoom <panZoom
:style="style" :style="style"
selector="#g1" selector=".g1"
:options="{ initialZoom: 1, minZoom: 0.1, maxZoom: 10, zoomDoubleClickSpeed: 1 }" :options="{ initialZoom: 1, minZoom: 0.1, maxZoom: 10, zoomDoubleClickSpeed: 1 }"
ref="stage" ref="stage"
@init="onInit" @init="onInit"
@ -14,7 +14,7 @@
@mouseleave="() => endDragging(dragging)" @mouseleave="() => endDragging(dragging)"
> >
<svg class="stage" width="100%" height="100%"> <svg class="stage" width="100%" height="100%">
<g id="g1"> <g class="g1">
<transition-group name="link" appear> <transition-group name="link" appear>
<g v-for="link in board.links || []" :key="link"> <g v-for="link in board.links || []" :key="link">
<BoardLink :link="link" /> <BoardLink :link="link" />
@ -239,7 +239,7 @@ export default defineComponent({
cursor: move; cursor: move;
} }
#g1 { .g1 {
transition-duration: 0s; transition-duration: 0s;
} }