Merge f8f675bc5c into ce5fe9079e

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) {

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;
+        align-items: center;
+        white-space: normal;
         span {
             vertical-align: middle;
-            font-size: 14px !important;
+            font-size: 14px;
             &:not(:first-child) {
                 margin-left: 8px;
+                display: -webkit-box;
+                -webkit-line-clamp: 2;
+                line-clamp: 2;
+                -webkit-box-orient: vertical;
+                overflow:hidden;
             }
         }
         img {