From ebf5ae0ef3be18784c2905abefc10b37a5bfaa17 Mon Sep 17 00:00:00 2001
From: GogoVega <92022724+GogoVega@users.noreply.github.com>
Date: Wed, 8 Oct 2025 15:27:07 +0200
Subject: [PATCH] Prevents label from taking up all the space for env
 autocomplete

---
 .../editor-client/src/js/ui/common/typedInput.js          | 2 +-
 .../editor-client/src/sass/ui/common/autoComplete.scss    | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/common/typedInput.js b/packages/node_modules/@node-red/editor-client/src/js/ui/common/typedInput.js
index 9a1bc030c..6dddc37c2 100644
--- a/packages/node_modules/@node-red/editor-client/src/js/ui/common/typedInput.js
+++ b/packages/node_modules/@node-red/editor-client/src/js/ui/common/typedInput.js
@@ -165,7 +165,7 @@
                 valEl.appendTo(element)
 
                 if (optSrc) {
-                    const optEl = $('<div>').css({ "font-size": "0.8em" });
+                    const optEl = $('<div/>', { class: "red-ui-autoComplete-env-label" });
                     let label
                     if (optSrc.type === 'global-config') {
                         label = RED._('sidebar.context.global')
diff --git a/packages/node_modules/@node-red/editor-client/src/sass/ui/common/autoComplete.scss b/packages/node_modules/@node-red/editor-client/src/sass/ui/common/autoComplete.scss
index 85cb4f1db..55a71cfdc 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/ui/common/autoComplete.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/ui/common/autoComplete.scss
@@ -13,4 +13,12 @@
     text-overflow: ellipsis;
     direction: rtl;
     text-align: left;
+    padding-right: 16px;
+}
+.red-ui-autoComplete-env-label {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 0.8em;
+    max-width: 70%;
 }