From ab0de4b23359b629fd95b84980bc1d3c40867e70 Mon Sep 17 00:00:00 2001 From: Maurits Lourens Date: Wed, 16 Mar 2022 21:01:47 +0100 Subject: [PATCH 1/2] set text-overflow on binding panel items --- .../builder/src/components/common/bindings/BindingPanel.svelte | 3 +++ 1 file changed, 3 insertions(+) diff --git a/packages/builder/src/components/common/bindings/BindingPanel.svelte b/packages/builder/src/components/common/bindings/BindingPanel.svelte index 076ef529fe..3aa1bd35bd 100644 --- a/packages/builder/src/components/common/bindings/BindingPanel.svelte +++ b/packages/builder/src/components/common/bindings/BindingPanel.svelte @@ -238,6 +238,9 @@ border: var(--border-light); transition: background-color 130ms ease-in-out, color 130ms ease-in-out, border-color 130ms ease-in-out; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } li:not(:last-of-type) { margin-bottom: var(--spacing-s); From a4405891d47e780daf2e198f2509fc825d733713 Mon Sep 17 00:00:00 2001 From: Maurits Lourens Date: Wed, 16 Mar 2022 21:05:45 +0100 Subject: [PATCH 2/2] set word-wrap to break word, so the text spreads on multiple lines --- .../src/components/common/bindings/BindingPanel.svelte | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/packages/builder/src/components/common/bindings/BindingPanel.svelte b/packages/builder/src/components/common/bindings/BindingPanel.svelte index 3aa1bd35bd..f05f935226 100644 --- a/packages/builder/src/components/common/bindings/BindingPanel.svelte +++ b/packages/builder/src/components/common/bindings/BindingPanel.svelte @@ -238,9 +238,7 @@ border: var(--border-light); transition: background-color 130ms ease-in-out, color 130ms ease-in-out, border-color 130ms ease-in-out; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + word-wrap: break-word; } li:not(:last-of-type) { margin-bottom: var(--spacing-s);