truncate when selected

This commit is contained in:
Mutasem 2021-10-27 14:04:06 +02:00
parent b5ffa761e2
commit e8abd5e66b

View file

@ -43,7 +43,7 @@
<NodeIcon class="node-icon" :nodeType="nodeType" :size="40" :shrink="false" :disabled="this.data.disabled"/> <NodeIcon class="node-icon" :nodeType="nodeType" :size="40" :shrink="false" :disabled="this.data.disabled"/>
</div> </div>
<div class="node-description"> <div :class="{'node-description': true, 'limited': isSelected}">
<div class="node-name" :title="data.name"> <div class="node-name" :title="data.name">
{{data.name}} {{data.name}}
</div> </div>
@ -270,11 +270,15 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
text-align: center; text-align: center;
cursor: default; cursor: default;
&.limited {
padding: 0 50px;
}
.node-name { .node-name {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
font-weight: 500; font-weight: var(--font-weight-bold);
} }
.node-subtitle { .node-subtitle {