set text-overflow on binding panel items

4 years ago · f0bb7070ab
1 changed files with 3 additions and 0 deletions
--- 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);