From 9de9e30b573938c33e239d7d460c12894ef837a7 Mon Sep 17 00:00:00 2001
From: Mutasem <mutdmour@gmail.com>
Date: Thu, 11 Nov 2021 11:19:10 +0100
Subject: [PATCH] refactor icons

---
 packages/editor-ui/src/components/Node.vue | 36 ++++++++++++----------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/packages/editor-ui/src/components/Node.vue b/packages/editor-ui/src/components/Node.vue
index 0d50eb5324..8fe73550a2 100644
--- a/packages/editor-ui/src/components/Node.vue
+++ b/packages/editor-ui/src/components/Node.vue
@@ -3,22 +3,24 @@
 		<div class="select-background" v-show="isSelected"></div>
 		<div class="node-default" :data-name="data.name" :ref="data.name">
 			<div :class="nodeClass" :style="nodeStyle"  @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="bottom" >
-						<div slot="content" v-html="nodeIssues"></div>
-						<font-awesome-icon icon="exclamation-triangle" />
-					</n8n-tooltip>
+				<div v-if="!data.disabled" class="node-info-icon">
+					<div v-if="hasIssues" class="node-issues">
+						<n8n-tooltip placement="bottom" >
+							<div slot="content" v-html="nodeIssues"></div>
+							<font-awesome-icon icon="exclamation-triangle" />
+						</n8n-tooltip>
+					</div>
+					<div v-else-if="waiting" class="waiting">
+						<n8n-tooltip placement="bottom">
+							<div slot="content" v-html="waiting"></div>
+							<font-awesome-icon icon="clock" />
+						</n8n-tooltip>
+					</div>
+					<span v-else-if="workflowDataItems" class="data-count">
+						<font-awesome-icon icon="check" />
+						<span v-if="workflowDataItems > 1" class="items-count"> {{ workflowDataItems }}</span>
+					</span>
 				</div>
-				<div v-else-if="waiting && !data.disabled" class="node-info-icon waiting">
-					<n8n-tooltip placement="bottom">
-						<div slot="content" v-html="waiting"></div>
-						<font-awesome-icon icon="clock" />
-					</n8n-tooltip>
-				</div>
-				<span v-else-if="workflowDataItems && !data.disabled" class="node-info-icon data-count">
-					<font-awesome-icon icon="check" />
-					<span v-if="workflowDataItems > 1" class="items-count"> {{ workflowDataItems }}</span>
-				</span>
 
 				<div class="node-executing-info" title="Node is executing">
 					<font-awesome-icon icon="sync-alt" spin />
@@ -385,12 +387,12 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
 			bottom: 6px;
 			right: 6px;
 
-			&.data-count {
+			.data-count {
 				font-weight: 600;
 				color: var(--color-success);
 			}
 
-			&.node-issues {
+			.node-issues {
 				color: var(--color-danger);
 			}