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..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,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 {