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 Packages Projects Releases Wiki Activity

update select background

Browse source
This commit is contained in:
Mutasem 2021-11-05 11:30:41 +01:00
parent 837040a8a1
commit 516f7775e1
1 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,5 +1,6 @@
<template> <template>
<div class="node-wrapper" :style="nodePosition"> <div class="node-wrapper" :style="nodePosition">
<div :class="{'selected': true, 'has-subtitles': !!nodeSubtitle}" 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="top" > <n8n-tooltip placement="top" >
@ -42,7 +43,7 @@
<NodeIcon class="node-icon" :nodeType="nodeType" :size="40" :shrink="false" :disabled="this.data.disabled"/> <NodeIcon class="node-icon" :nodeType="nodeType" :size="40" :shrink="false" :disabled="this.data.disabled"/>
</div> </div>
<div :class="{'selected': isSelected, 'desc': true}"> <div class="desc">
<div class="node-description"> <div class="node-description">
<div class="node-name" :title="data.name"> <div class="node-name" :title="data.name">
<p>{{data.name}}</p> <p>{{data.name}}</p>
@ -436,17 +437,14 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
.selected { .selected {
display: block; display: block;
background-color: rgb(219, 223, 231, .5); background-color: hsla(var(--color-foreground-base-h), var(--color-foreground-base-s), var(--color-foreground-base-l), 50%);
// background-color: hsla(var(--color-foreground-base-h), var(--color-foreground-base-s), var(--color-foreground-base-l, 50%));
border-radius: var(--border-radius-xlarge); border-radius: var(--border-radius-xlarge);
overflow: hidden; overflow: hidden;
position: absolute;
left: -8px !important; left: -8px !important;
overflow: hidden; top: -8px !important;
height: 116px;
width: 116px !important; width: 116px !important;
.node-name > p {
-webkit-line-clamp: 1 !important;
}
} }
.desc { .desc {