From f89af6787ee2a5b77385adbf4b9b6b5384df7f7d Mon Sep 17 00:00:00 2001 From: Mutasem Date: Thu, 7 Apr 2022 15:08:11 +0200 Subject: [PATCH] use ellpises for last chars --- packages/editor-ui/src/components/NodeTitle.vue | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/editor-ui/src/components/NodeTitle.vue b/packages/editor-ui/src/components/NodeTitle.vue index 3f7a21af57..88f0960b0f 100644 --- a/packages/editor-ui/src/components/NodeTitle.vue +++ b/packages/editor-ui/src/components/NodeTitle.vue @@ -71,13 +71,15 @@ export default Vue.extend({ font-size: var(--font-size-m); line-height: var(--font-line-height-compact); overflow-wrap: anywhere; - overflow: hidden; padding-right: var(--spacing-s); } .title { max-height: 100px; - text-overflow: ellipsis; + display: -webkit-box; + overflow: hidden; + -webkit-line-clamp: 5; + -webkit-box-orient: vertical; > *:first-child { padding-right: var(--spacing-3xs);