From 932d58bf6c99eae8d126c279b18ac0f5a5b7aed7 Mon Sep 17 00:00:00 2001
From: Berre Neyrinck <s149312@ap.be>
Date: Sat, 21 Mar 2026 11:12:46 +0100
Subject: [PATCH] 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() {
                     $('<img>',{src:theme.header.image}).appendTo(logo);
                 }
                 if (theme.header.title) {
-                    $('<span>').html(theme.header.title).appendTo(logo);
+                    const titleSpan = $('<span>').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 {