diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/tab-config.js b/packages/node_modules/@node-red/editor-client/src/js/ui/tab-config.js index 8cb413bef..9af711e09 100644 --- a/packages/node_modules/@node-red/editor-client/src/js/ui/tab-config.js +++ b/packages/node_modules/@node-red/editor-client/src/js/ui/tab-config.js @@ -52,6 +52,7 @@ RED.sidebar.config = (function() { if (label) { lockIcon = $('').appendTo(header) lockIcon.toggle(!!isLocked) + $('').appendTo(header) $('').text(label).appendTo(header); } else { $('').appendTo(header); @@ -271,6 +272,8 @@ RED.sidebar.config = (function() { if (!validList[id]) { $(this).remove(); delete categories[id]; + } else if (RED.nodes.workspace(id)) { + $(this).toggleClass("red-ui-sidebar-config-category-disabled", RED.nodes.workspace(id).disabled); } // Remove the `changed` badge from the category header diff --git a/packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss b/packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss index d2bc31dd1..f0074b1dc 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss @@ -14,6 +14,25 @@ * limitations under the License. **/ +.red-ui-sidebar-config-category-disabled-icon { + display: none; +} + +.red-ui-sidebar-config-category-disabled { + .red-ui-sidebar-config-tray-header { + font-style: italic; + color: var(--red-ui-tab-text-color-disabled-inactive) !important; + .red-ui-sidebar-config-category-disabled-icon { + display: inline; + } + } + .red-ui-sidebar-node-config-list { + .red-ui-palette-node-config { + @extend .red-ui-palette-node-config-disabled; + } + } +} + .red-ui-sidebar-node-config { position: relative; background: var(--red-ui-secondary-background);