mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-02-21 02:56:40 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

clean up impl

Browse source
This commit is contained in:
Mutasem 2021-11-05 14:15:55 +01:00
parent 2efeb8c51e
commit e152200c54
1 changed files with 12 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
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" :style="nodePosition">
<div :class="{'selected': true, 'has-subtitles': !!nodeSubtitle}" v-show="isSelected"></div> <div class="selected" 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" >
@ -43,14 +43,12 @@
<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="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> </div>
</div> <div v-if="nodeSubtitle !== undefined" class="node-subtitle" :title="nodeSubtitle">
<div v-if="nodeSubtitle !== undefined" class="node-subtitle" :title="nodeSubtitle"> {{nodeSubtitle}}
{{nodeSubtitle}}
</div>
</div> </div>
</div> </div>
</div> </div>
@ -284,10 +282,15 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
height: 100px; height: 100px;
.node-description { .node-description {
position: absolute;
top: 100px;
left: -50px;
line-height: 1.5; line-height: 1.5;
text-align: center; text-align: center;
cursor: default; cursor: default;
padding: 8px; padding: 8px;
width: 200px;
pointer-events: none; // prevent container from being draggable
.node-name > p { // must be paragraph tag to have two lines in safari .node-name > p { // must be paragraph tag to have two lines in safari
text-overflow: ellipsis; text-overflow: ellipsis;
@ -447,21 +450,6 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
width: 116px !important; width: 116px !important;
} }
.desc {
width: 200px;
position: absolute;
top: -8px;
left: -50px;
overflow: visible;
&:before {
content: ' ';
height: 100px;
display: block;
margin-bottom: 5px;
}
}
</style> </style>
<style lang="scss"> <style lang="scss">