Improve route flow handle targeting
This commit is contained in:
parent
fa459930b8
commit
a0deb72736
|
|
@ -117,12 +117,29 @@ export default {
|
|||
padding: 0;
|
||||
}
|
||||
.vue-flow__handle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
border-radius: 50%;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
cursor: crosshair;
|
||||
}
|
||||
.vue-flow__handle::after {
|
||||
content: "";
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
background: #fff;
|
||||
border: 2px solid #409eff;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
transition: width 0.15s, height 0.15s, background 0.15s, box-shadow 0.15s;
|
||||
}
|
||||
.vue-flow__handle:hover {
|
||||
.vue-flow__handle:hover::after {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
background: #409eff;
|
||||
box-shadow: 0 0 0 4px rgba(64, 158, 255, 0.18);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
:max-zoom="2"
|
||||
:pan-on-scroll="true"
|
||||
:zoom-on-scroll="false"
|
||||
:connection-radius="8"
|
||||
:connection-radius="56"
|
||||
:connect-on-click="false"
|
||||
:nodes-draggable="true"
|
||||
:nodes-connectable="!readonly"
|
||||
|
|
|
|||
Loading…
Reference in New Issue