add opacity to nodeview for strangeness repr

src/pages/library/LibraryList.vue

@@ -13,6 +13,7 @@
             :preview="previewNode === parent"
             @open-node="$emit('open-node', $event)"
             @open-child="$emit('open-node', { parentId: parent.id, ...$event })"
+            :style="`--opacity: ${getStrangenessOpacity(strangeness, parent)};`"
           />
         </div>
       </div>
@@ -23,7 +24,7 @@
 <script>
 import { mapGetters } from 'vuex'
 
-import { searchInNode, tagsInNode } from '@/store/utils'
+import { searchInNode, tagsInNode, getStrangenessOpacity } from '@/store/utils'
 import { NodeView } from '@/components/nodes'
 
 
@@ -41,7 +42,7 @@ export default {
   },
 
   computed: {
-    ...mapGetters(['orderedTextsDepart', 'search', 'tags']),
+    ...mapGetters(['orderedTextsDepart', 'search', 'tags', 'strangeness']),
 
     filteredNodes () {
       if (!this.orderedTextsDepart) return {}
@@ -60,6 +61,8 @@ export default {
   },
 
   methods: {
+    getStrangenessOpacity,
+
     onContainerClick (e) {
       if (!e.target.classList.contains('node-view')) {
         this.previewNode = null
@@ -129,6 +132,10 @@ export default {
       &.preview {
         top: -2rem;
       }
+
+      &:not(.preview) {
+        opacity: var(--opacity);
+      }
     }
   }
 }