two line names

This commit is contained in:
Mutasem 2021-11-03 16:13:40 +01:00
parent 6641f0dea0
commit 9f67d2f116

View file

@ -45,7 +45,7 @@
</div> </div>
<div :class="{'node-description': true, 'limited': isSelected}"> <div :class="{'node-description': true, 'limited': isSelected}">
<div class="node-name" :title="data.name"> <div class="node-name" :title="data.name">
{{data.name}} <p>{{data.name}}</p>
</div> </div>
<div v-if="nodeSubtitle !== undefined" class="node-subtitle" :title="nodeSubtitle"> <div v-if="nodeSubtitle !== undefined" class="node-subtitle" :title="nodeSubtitle">
{{nodeSubtitle}} {{nodeSubtitle}}
@ -275,10 +275,16 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
} }
.node-name { .node-name {
white-space: nowrap; > p { // must be paragraph tag to have two lines in safari
overflow: hidden; text-overflow: ellipsis;
text-overflow: ellipsis; display: -webkit-box;
font-weight: var(--font-weight-bold); -webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
overflow-wrap: anywhere;
font-weight: var(--font-weight-bold);
line-height: var(--font-line-height-compact);
}
} }
.node-subtitle { .node-subtitle {