From 3c66af9506bcbea6a2035305ffacab76b8319139 Mon Sep 17 00:00:00 2001 From: Kazuhito Yokoi Date: Wed, 5 Apr 2023 00:44:10 +0900 Subject: [PATCH 1/2] Wrap long node name in tooltip and node property --- .../node_modules/@node-red/editor-client/src/sass/editor.scss | 2 +- .../node_modules/@node-red/editor-client/src/sass/popover.scss | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/node_modules/@node-red/editor-client/src/sass/editor.scss b/packages/node_modules/@node-red/editor-client/src/sass/editor.scss index b6d12faf2..f6f8eb4c1 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/editor.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/editor.scss @@ -124,7 +124,7 @@ list-style-type: none; margin: 0; padding:0; - + overflow-wrap: anywhere; li { display: inline-block; padding:0; diff --git a/packages/node_modules/@node-red/editor-client/src/sass/popover.scss b/packages/node_modules/@node-red/editor-client/src/sass/popover.scss index 7e504b59b..53d1c7cab 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/popover.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/popover.scss @@ -35,6 +35,7 @@ padding: 8px; border-radius: 2px; background: var(--red-ui-popover-background); + overflow-wrap: anywhere; } .red-ui-popover:after, .red-ui-popover:before { border: solid transparent; From 2eaae4b83f33d5bc08563c40f548423995247936 Mon Sep 17 00:00:00 2001 From: Kazuhito Yokoi Date: Wed, 5 Apr 2023 00:56:27 +0900 Subject: [PATCH 2/2] Wrap long node name in info sidebar --- .../node_modules/@node-red/editor-client/src/sass/tab-info.scss | 1 + 1 file changed, 1 insertion(+) 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 57dc7d6e3..2d7344df2 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 @@ -31,6 +31,7 @@ > span { display: inline-block; margin-left: 5px; + overflow-wrap: anywhere; } border-bottom: 1px solid var(--red-ui-secondary-border-color); }