From b876c2801d701a07325f2eb457b92f1c0128d8b5 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Fri, 4 Mar 2022 12:51:48 +0200
Subject: [PATCH] Greyed out inactive props in the tree

---
 app/imports/ui/properties/treeNodeViews/TreeNodeView.vue | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/app/imports/ui/properties/treeNodeViews/TreeNodeView.vue b/app/imports/ui/properties/treeNodeViews/TreeNodeView.vue
index 6aa7a5d6..c2a04b65 100644
--- a/app/imports/ui/properties/treeNodeViews/TreeNodeView.vue
+++ b/app/imports/ui/properties/treeNodeViews/TreeNodeView.vue
@@ -5,9 +5,6 @@
     :selected="selected"
     :class="{
       'inactive': model.inactive,
-      'by-ancestor': model.deactivatedByAncestor,
-      'by-self': model.deactivatedBySelf,
-      'by-toggle': model.deactivatedByToggle,
     }"
   />
 </template>
@@ -37,7 +34,7 @@ export default {
 </script>
 
 <style lang="css" scoped>
-  .inactive: {
-    background: red;
+  .inactive {
+    opacity: 0.6;
   }
 </style>