diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/common/treeList.js b/packages/node_modules/@node-red/editor-client/src/js/ui/common/treeList.js index baab6acda..9ee508de6 100644 --- a/packages/node_modules/@node-red/editor-client/src/js/ui/common/treeList.js +++ b/packages/node_modules/@node-red/editor-client/src/js/ui/common/treeList.js @@ -537,6 +537,7 @@ var labelPaddingWidth = (item.gutter ? item.gutter[0].offsetWidth + 2 : 0) + (depth * 20) item.treeList.labelPadding = $('').css({ display: "inline-block", + "flex-shrink": 0, width: labelPaddingWidth+'px' }).appendTo(label); diff --git a/packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss b/packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss index 2b95c4910..89ad06ca2 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss @@ -16,6 +16,7 @@ .red-ui-sidebar-info { height: 100%; + overflow: hidden; } .red-ui-sidebar-info hr { margin: 10px 0; diff --git a/packages/node_modules/@node-red/editor-client/src/sass/ui/common/treeList.scss b/packages/node_modules/@node-red/editor-client/src/sass/ui/common/treeList.scss index c3603ccc0..3621328d8 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/ui/common/treeList.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/ui/common/treeList.scss @@ -102,6 +102,8 @@ } .red-ui-treeList-label-text { margin-left: 4px; + overflow: hidden; + text-overflow: ellipsis; &:empty { min-height: 20px; } @@ -121,6 +123,7 @@ .red-ui-treeList-icon { display: inline-block; + flex-shrink: 0; width: 20px; text-align: center; }