mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

if selected, move above other nodes

Browse source
This commit is contained in:
Mutasem 2021-11-10 12:40:04 +01:00
parent 6adfda6625
commit 0701642c52
1 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
packages/editor-ui/src/components/Node.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div class="node-wrapper" :style="nodePosition"> <div :class="{'node-wrapper': true, selected: isSelected}" :style="nodePosition">
<div class="selected" v-show="isSelected"></div> <div class="select-background" v-show="isSelected"></div>
<div class="node-default" :data-name="data.name" :ref="data.name" :style="nodeStyle" :class="nodeClass" @dblclick="setNodeActive" @click.left="mouseLeftClick" v-touch:start="touchStart" v-touch:end="touchEnd"> <div class="node-default" :data-name="data.name" :ref="data.name" :style="nodeStyle" :class="nodeClass" @dblclick="setNodeActive" @click.left="mouseLeftClick" v-touch:start="touchStart" v-touch:end="touchEnd">
<div v-if="hasIssues" class="node-info-icon node-issues"> <div v-if="hasIssues" class="node-info-icon node-issues">
<n8n-tooltip placement="bottom" > <n8n-tooltip placement="bottom" >
@ -438,7 +438,7 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
} }
} }
.selected { .select-background {
display: block; display: block;
background-color: hsla(var(--color-foreground-base-h), var(--color-foreground-base-s), var(--color-foreground-base-l), 60%); background-color: hsla(var(--color-foreground-base-h), var(--color-foreground-base-s), var(--color-foreground-base-l), 60%);
border-radius: var(--border-radius-xlarge); border-radius: var(--border-radius-xlarge);
@ -448,20 +448,18 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
top: -8px !important; top: -8px !important;
height: 116px; height: 116px;
width: 116px !important; width: 116px !important;
z-index: 2;
} }
</style> </style>
<style lang="scss"> <style lang="scss">
.el-badge__content {
border-width: 2px;
background-color: #67c23a;
}
/** node */ /** node */
.jtk-endpoint-anchor .node-default { .node-wrapper {
z-index: 2; z-index: 1;
&.selected {
z-index: 2;
}
} }
/** connector */ /** connector */
@ -506,4 +504,5 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
-webkit-filter: contrast(40%) brightness(1.5) grayscale(100%); -webkit-filter: contrast(40%) brightness(1.5) grayscale(100%);
filter: contrast(40%) brightness(1.5) grayscale(100%); filter: contrast(40%) brightness(1.5) grayscale(100%);
} }
</style> </style>