Browse Source

feat(nc-gui): mark edge on hover

pull/4071/head
braks 2 years ago
parent
commit
7556f9d9de
  1. 6
      packages/nc-gui/components/erd/RelationEdge.vue

6
packages/nc-gui/components/erd/RelationEdge.vue

@ -73,7 +73,7 @@ export default {
<path <path
:id="id" :id="id"
class="opacity-100 hover:(opacity-0) stroke-slate-500" class="opacity-100 hover:(opacity-0) stroke-slate-500"
:class="selected ? 'opacity-0' : ''" :class="selected || isHovering ? 'opacity-0' : ''"
:style="style" :style="style"
:stroke-width="showSkeleton ? baseStroke * 4 : baseStroke" :stroke-width="showSkeleton ? baseStroke * 4 : baseStroke"
fill="none" fill="none"
@ -83,9 +83,9 @@ export default {
<path <path
class="opacity-0 hover:(opacity-100 transition-all duration-100 ease)" class="opacity-0 hover:(opacity-100 transition-all duration-100 ease)"
:class="selected ? 'opacity-100' : ''" :class="selected || isHovering ? 'opacity-100' : ''"
style="stroke: url(#linear-gradient)" style="stroke: url(#linear-gradient)"
:stroke-width="(showSkeleton ? baseStroke * 12 : baseStroke * 8) / (isHovering || selected ? 2 : 1)" :stroke-width="(showSkeleton ? baseStroke * 12 : baseStroke * 8) / (selected || isHovering ? 2 : 1)"
fill="none" fill="none"
:d="edgePath[0]" :d="edgePath[0]"
:marker-end="showSkeleton ? markerEnd : ''" :marker-end="showSkeleton ? markerEnd : ''"

Loading…
Cancel
Save