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 d4523f88f..3b6e2cde3 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 @@ -340,7 +340,7 @@ if (child.depth !== parent.depth+1) { child.depth = parent.depth+1; // var labelPaddingWidth = ((child.gutter ? child.gutter[0].offsetWidth + 2 : 0) + (child.depth * 20)); - var labelPaddingWidth = ((child.gutter?child.gutter.width()+2:0)+(child.depth*20)); + var labelPaddingWidth = (((child.gutter&&!child.gutter.hasClass("red-ui-treeList-gutter-float"))?child.gutter.width()+2:0)+(child.depth*20)); child.treeList.labelPadding.width(labelPaddingWidth+'px'); if (child.element) { $(child.element).css({ @@ -562,8 +562,9 @@ }).appendTo(label) } - // var labelPaddingWidth = (item.gutter?item.gutter.width()+2:0)+(depth*20); - var labelPaddingWidth = (item.gutter ? item.gutter[0].offsetWidth + 2 : 0) + (depth * 20) + + var labelPaddingWidth = ((item.gutter&&!item.gutter.hasClass("red-ui-treeList-gutter-float"))?item.gutter.width()+2:0)+(depth*20); + item.treeList.labelPadding = $('').css({ display: "inline-block", "flex-shrink": 0, diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/tab-info-outliner.js b/packages/node_modules/@node-red/editor-client/src/js/ui/tab-info-outliner.js index 3159622b6..e6eff18ae 100644 --- a/packages/node_modules/@node-red/editor-client/src/js/ui/tab-info-outliner.js +++ b/packages/node_modules/@node-red/editor-client/src/js/ui/tab-info-outliner.js @@ -563,7 +563,7 @@ RED.sidebar.info.outliner = (function() { } } function getGutter(n) { - var span = $("",{class:"red-ui-info-outline-gutter"}); + var span = $("",{class:"red-ui-info-outline-gutter red-ui-treeList-gutter-float"}); var revealButton = $('').appendTo(span).on("click",function(evt) { evt.preventDefault(); evt.stopPropagation();