From 932d58bf6c99eae8d126c279b18ac0f5a5b7aed7 Mon Sep 17 00:00:00 2001 From: Berre Neyrinck Date: Sat, 21 Mar 2026 11:12:46 +0100 Subject: [PATCH 1/3] Added font size adjustments based on title length in red.js, created wrapping and truncate of title in header.scss, changed name to something very long in theme.js --- .../@node-red/editor-api/lib/editor/theme.js | 2 +- .../node_modules/@node-red/editor-client/src/js/red.js | 10 +++++++++- .../@node-red/editor-client/src/sass/header.scss | 10 ++++++++-- 3 files changed, 18 insertions(+), 4 deletions(-) diff --git a/packages/node_modules/@node-red/editor-api/lib/editor/theme.js b/packages/node_modules/@node-red/editor-api/lib/editor/theme.js index ebf5bb15f..7fa34679d 100644 --- a/packages/node_modules/@node-red/editor-api/lib/editor/theme.js +++ b/packages/node_modules/@node-red/editor-api/lib/editor/theme.js @@ -30,7 +30,7 @@ var defaultContext = { } }, header: { - title: "Node-RED", + title: "Node-RED -- DEVELOPMENT BRANCH OF DEVELOPING STUFF WHERE THINGS GET DEVELOPED...YEAH THAT SOUNDS RIGHT", image: "red/images/node-red-icon.svg" }, asset: { diff --git a/packages/node_modules/@node-red/editor-client/src/js/red.js b/packages/node_modules/@node-red/editor-client/src/js/red.js index 985595200..a753423cd 100644 --- a/packages/node_modules/@node-red/editor-client/src/js/red.js +++ b/packages/node_modules/@node-red/editor-client/src/js/red.js @@ -937,7 +937,15 @@ var RED = (function() { $('',{src:theme.header.image}).appendTo(logo); } if (theme.header.title) { - $('').html(theme.header.title).appendTo(logo); + const titleSpan = $('').html(theme.header.title).appendTo(logo); + const length = theme.header.title.length; + if(length > 25){ + titleSpan.css('font-size', '11px'); + } else if (len > 15) { + titleSpan.css('font-size', '12px'); + } else { + titleSpan.css('font-size', '14px') + } } } if (theme.themes) { diff --git a/packages/node_modules/@node-red/editor-client/src/sass/header.scss b/packages/node_modules/@node-red/editor-client/src/sass/header.scss index 75b82901b..6f2197d0d 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/header.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/header.scss @@ -44,13 +44,19 @@ } span.red-ui-header-logo { text-decoration: none; - white-space: nowrap; - + display: inline-flex; /* keeps image and text side by side */ + align-items: center; + white-space: normal; span { vertical-align: middle; font-size: 14px !important; &:not(:first-child) { margin-left: 8px; + display: -webkit-box; + -webkit-line-clamp: 2; /* max 2 lines */ + line-clamp: 2; + -webkit-box-orient: vertical; + overflow:hidden; } } img { From de66803c3faa348b92227e7d4f6d167f84e288c8 Mon Sep 17 00:00:00 2001 From: Berre Neyrinck Date: Sat, 21 Mar 2026 12:02:09 +0100 Subject: [PATCH 2/3] changed title back to 'Node-RED' --- packages/node_modules/@node-red/editor-api/lib/editor/theme.js | 2 +- .../node_modules/@node-red/editor-client/src/sass/header.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/node_modules/@node-red/editor-api/lib/editor/theme.js b/packages/node_modules/@node-red/editor-api/lib/editor/theme.js index 7fa34679d..ebf5bb15f 100644 --- a/packages/node_modules/@node-red/editor-api/lib/editor/theme.js +++ b/packages/node_modules/@node-red/editor-api/lib/editor/theme.js @@ -30,7 +30,7 @@ var defaultContext = { } }, header: { - title: "Node-RED -- DEVELOPMENT BRANCH OF DEVELOPING STUFF WHERE THINGS GET DEVELOPED...YEAH THAT SOUNDS RIGHT", + title: "Node-RED", image: "red/images/node-red-icon.svg" }, asset: { diff --git a/packages/node_modules/@node-red/editor-client/src/sass/header.scss b/packages/node_modules/@node-red/editor-client/src/sass/header.scss index 6f2197d0d..2885035e3 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/header.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/header.scss @@ -49,7 +49,7 @@ white-space: normal; span { vertical-align: middle; - font-size: 14px !important; + font-size: 14px; &:not(:first-child) { margin-left: 8px; display: -webkit-box; From f8f675bc5cb279ff77b3d80874741da6c844e38e Mon Sep 17 00:00:00 2001 From: Berre Neyrinck Date: Sat, 21 Mar 2026 12:36:02 +0100 Subject: [PATCH 3/3] removed comments --- .../node_modules/@node-red/editor-client/src/sass/header.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/node_modules/@node-red/editor-client/src/sass/header.scss b/packages/node_modules/@node-red/editor-client/src/sass/header.scss index 2885035e3..96f6f6017 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/header.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/header.scss @@ -44,7 +44,7 @@ } span.red-ui-header-logo { text-decoration: none; - display: inline-flex; /* keeps image and text side by side */ + display: inline-flex; align-items: center; white-space: normal; span { @@ -53,7 +53,7 @@ &:not(:first-child) { margin-left: 8px; display: -webkit-box; - -webkit-line-clamp: 2; /* max 2 lines */ + -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;