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 {