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

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

@ -1,6 +1,6 @@
<template>
<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 v-if="hasIssues" class="node-info-icon node-issues">
<n8n-tooltip placement="top" >
@ -43,7 +43,6 @@
<NodeIcon class="node-icon" :nodeType="nodeType" :size="40" :shrink="false" :disabled="this.data.disabled"/>
</div>
<div class="desc">
<div class="node-description">
<div class="node-name" :title="data.name">
<p>{{data.name}}</p>
@ -53,7 +52,6 @@
</div>
</div>
</div>
</div>
</template>
<script lang="ts">
@ -284,10 +282,15 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
height: 100px;
.node-description {
position: absolute;
top: 100px;
left: -50px;
line-height: 1.5;
text-align: center;
cursor: default;
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
text-overflow: ellipsis;
@ -447,21 +450,6 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
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 lang="scss">