diff --git a/app/components/Viewer/TreeComponent.vue b/app/components/Viewer/TreeComponent.vue index 7e4fa0ec..8ca45ec6 100644 --- a/app/components/Viewer/TreeComponent.vue +++ b/app/components/Viewer/TreeComponent.vue @@ -53,9 +53,22 @@ watch( @@ -68,6 +81,10 @@ watch( max-width: 100%; display: inline-block; } +.inactive-item { + opacity: 0.4; + font-style: italic; +} .transparent-treeview { background-color: transparent; diff --git a/app/stores/data.js b/app/stores/data.js index 62bd60ae..9b8b9dc4 100644 --- a/app/stores/data.js +++ b/app/stores/data.js @@ -58,6 +58,7 @@ export const useDataStore = defineStore("data", () => { id: meshComponent.geode_id, title: meshComponent.name, category: meshComponent.type, + is_active: meshComponent.is_active, })), })); } @@ -98,6 +99,7 @@ export const useDataStore = defineStore("data", () => { type: component.type, viewer_id: component.viewer_id, name: component.name, + is_active: component.is_active, }); } }