mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-25 20:54:07 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

💄 Display node-description in node-settings

Browse source
This commit is contained in:
Jan Oberhauser 2019-07-11 15:05:12 +02:00
parent afb078a62a
commit 2d20a4b6c1
1 changed files with 16 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
packages/editor-ui/src/components/NodeSettings.vue
View file

@ -3,6 +3,10 @@
<div class="header-side-menu"> <div class="header-side-menu">
<span v-if="node"> <span v-if="node">
<display-with-change :key-name="'name'" @valueChanged="valueChanged"></display-with-change> <display-with-change :key-name="'name'" @valueChanged="valueChanged"></display-with-change>
<el-tooltip class="node-info" placement="top" v-if="nodeType.description" effect="light">
<div slot="content" v-html="'<b>Node Description</b><br />' + nodeType.description"></div>
<font-awesome-icon icon="question-circle" />
</el-tooltip>
</span> </span>
<span v-else>No node active</span> <span v-else>No node active</span>
</div> </div>
@ -404,6 +408,18 @@ export default mixins(
font-size: 1.35em; font-size: 1.35em;
background-color: $--custom-window-sidebar-top; background-color: $--custom-window-sidebar-top;
color: #555; color: #555;
.node-info {
display: none;
padding-left: 0.5em;
font-size: 0.8em;
}
&:hover {
.node-info {
display: inline;
}
}
} }
.node-is-not-valid { .node-is-not-valid {