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 8907b77c0..abee2569c 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 @@ -69,6 +69,10 @@ RED.sidebar.info.outliner = (function() { console.log("Definition error: "+type+".label",err); } } + var newlineIndex = label.indexOf("\\n"); + if (newlineIndex > -1) { + label = label.substring(0,newlineIndex)+"..."; + } return label; } @@ -92,7 +96,12 @@ RED.sidebar.info.outliner = (function() { function getFlowLabel(n) { var div = $('
',{class:"red-ui-info-outline-item red-ui-info-outline-item-flow"}); var contentDiv = $('
',{class:"red-ui-search-result-description red-ui-info-outline-item-label"}).appendTo(div); - contentDiv.text(typeof n === "string"? n : n.label); + var label = (typeof n === "string")? n : n.label; + var newlineIndex = label.indexOf("\\n"); + if (newlineIndex > -1) { + label = label.substring(0,newlineIndex)+"..."; + } + contentDiv.text(label); addControls(n, div); return div; } @@ -292,7 +301,13 @@ RED.sidebar.info.outliner = (function() { } function onFlowChange(n) { var existingObject = objects[n.id]; - existingObject.element.find(".red-ui-info-outline-item-label").text(n.label || n.id); + + var label = n.label || n.id; + var newlineIndex = label.indexOf("\\n"); + if (newlineIndex > -1) { + label = label.substring(0,newlineIndex)+"..."; + } + existingObject.element.find(".red-ui-info-outline-item-label").text(label); existingObject.element.toggleClass("red-ui-info-outline-item-disabled", !!n.disabled) existingObject.treeList.container.toggleClass("red-ui-info-outline-item-disabled", !!n.disabled) } diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/tab-info.js b/packages/node_modules/@node-red/editor-client/src/js/ui/tab-info.js index 16cf49efb..418939a72 100644 --- a/packages/node_modules/@node-red/editor-client/src/js/ui/tab-info.js +++ b/packages/node_modules/@node-red/editor-client/src/js/ui/tab-info.js @@ -251,7 +251,12 @@ RED.sidebar.info = (function() { propertiesPanelHeaderIcon.empty(); RED.utils.createNodeIcon(node).appendTo(propertiesPanelHeaderIcon); - propertiesPanelHeaderLabel.text(RED.utils.getNodeLabel(node, node.type+": "+node.id)); + var objectLabel = RED.utils.getNodeLabel(node, node.type+": "+node.id) + var newlineIndex = objectLabel.indexOf("\\n"); + if (newlineIndex > -1) { + objectLabel = objectLabel.substring(0,newlineIndex)+"..."; + } + propertiesPanelHeaderLabel.text(objectLabel); propertiesPanelHeaderReveal.show(); selectedObject = node; diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/view.js b/packages/node_modules/@node-red/editor-client/src/js/ui/view.js index 6e1306d60..414bf7c17 100755 --- a/packages/node_modules/@node-red/editor-client/src/js/ui/view.js +++ b/packages/node_modules/@node-red/editor-client/src/js/ui/view.js @@ -2186,7 +2186,7 @@ if (DEBUG_EVENTS) { console.warn("clearSelection", mouse_mode); } result_temp += str.charAt(i); i++; } else if (str.charAt(i+1) == 'n') { - result.push(result_temp); + result.push(result_temp.trim()); if (i+1 == str.length-1) { result.push(''); } @@ -2201,7 +2201,7 @@ if (DEBUG_EVENTS) { console.warn("clearSelection", mouse_mode); } } } if (count == 0 || count < str.length) { - result.push(result_temp); + result.push(result_temp.trim()); } separateTextByLineBreak = result; return result; @@ -2503,6 +2503,12 @@ if (DEBUG_EVENTS) { console.warn("portMouseUp", mouse_mode,d); } .attr("transform","translate("+x+","+y+")") .attr("class","red-ui-flow-port-tooltip"); + // First check for a user-provided newline - "\\n" + var newContent = content.split(/\\n/,1)[0]; + if (newContent.length !== content.length) { + content = newContent+"..."; + } + var lines = content.split("\n"); var labelWidth = 6; var labelHeight = 12; @@ -4214,7 +4220,7 @@ if (DEBUG_EVENTS) { console.warn("nodeMouseDown", mouse_mode,d); } } d.w = Math.max(d.minWidth,d.w); if (d.style.label && d.labels) { - var h = (d.labels.length -1) *15; + var h = (d.labels.length -1) * 16; var labelPos = d.style["label-position"] || "nw"; d.h += h; if (labelPos[0] === "n") { @@ -4271,7 +4277,7 @@ if (DEBUG_EVENTS) { console.warn("nodeMouseDown", mouse_mode,d); } if (labelPos[0] === 'n') { labelY = 0+15; // Allow for font-height } else { - labelY = d.h - 5 -(d.labels.length -1) *15; + labelY = d.h - 5 -(d.labels.length -1) * 16; } if (labelPos[1] === 'w') { labelX = 5; @@ -4296,7 +4302,7 @@ if (DEBUG_EVENTS) { console.warn("nodeMouseDown", mouse_mode,d); } .text(name) .attr("x", 0) .attr("y", ypos); - ypos += 15; + ypos += 16; }); } }