From 2d20a4b6c128c4fdb50a3d0cd9f6c7d90e5e73d6 Mon Sep 17 00:00:00 2001
From: Jan Oberhauser <jan.oberhauser@gmail.com>
Date: Thu, 11 Jul 2019 15:05:12 +0200
Subject: [PATCH] :lipstick: Display node-description in node-settings

---
 .../editor-ui/src/components/NodeSettings.vue    | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/packages/editor-ui/src/components/NodeSettings.vue b/packages/editor-ui/src/components/NodeSettings.vue
index cecbab36f5..2ac0c186aa 100644
--- a/packages/editor-ui/src/components/NodeSettings.vue
+++ b/packages/editor-ui/src/components/NodeSettings.vue
@@ -3,6 +3,10 @@
 		<div class="header-side-menu">
 			<span v-if="node">
 				<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 v-else>No node active</span>
 		</div>
@@ -404,6 +408,18 @@ export default mixins(
 		font-size: 1.35em;
 		background-color: $--custom-window-sidebar-top;
 		color: #555;
+
+		.node-info {
+			display: none;
+			padding-left: 0.5em;
+			font-size: 0.8em;
+		}
+
+		&:hover {
+			.node-info {
+				display: inline;
+			}
+		}
 	}
 
 	.node-is-not-valid {