mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor icons

Browse source
This commit is contained in:
Mutasem 2021-11-11 11:19:10 +01:00
parent c6421ca520
commit 9de9e30b57
1 changed files with 19 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

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