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 {