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);