enhance: hide mouse cursor after a timeout

Author: ycnmhd

src/styles/layout/modes.css

@@ -45,7 +45,7 @@
         }
     }
 
-    & .column{
+    & .column {
         /* to show outline card buttons*/
         padding: 0 calc(1 / var(--zoom-level) * 50vw);
     }
@@ -87,7 +87,6 @@
     }
 }
 
-
 /* to prevent cards from wobbling when hovering over them */
 #columns-container.zoom-enabled {
     * {
@@ -96,8 +95,8 @@
 }
 
 #columns-container.zoom-enabled {
-    .lineage-floating-button{
-        opacity: 0.5 !important
+    .lineage-floating-button {
+        opacity: 0.5 !important;
     }
     .lineage-card:not(:hover) .lineage-floating-button:not(.collapse-button) {
         visibility: hidden;
@@ -111,4 +110,9 @@
             display: none;
         }
     }
+
+    .inactive-node:not(.inactive-node-hover) {
+        opacity: var(--inactive-card-opacity) !important;
+        cursor: none !important;
+    }
 }

src/view/actions/hide-floating-buttons.ts

@@ -1,6 +1,3 @@
-import { AlwaysShowCardButtons } from 'src/stores/settings/derived/view-settings-store';
-import { getView } from 'src/view/components/container/context';
-
 const toggleHideButtons = (element: HTMLElement, hide: boolean) => {
     element.toggleClass('hide-floating-buttons', hide);
 };
@@ -30,18 +27,10 @@ export const hideFloatingButtons = (element: HTMLElement) => {
         delayedHideButtons();
     };
 
-    const view = getView();
-    const subscription = AlwaysShowCardButtons(view).subscribe((show) => {
-        if (show) {
-            element.addEventListener('mousemove', onMousemove);
-        } else {
-            element.removeEventListener('mousemove', onMousemove);
-        }
-    });
+    element.addEventListener('mousemove', onMousemove);
     return {
         destroy: () => {
             resetHideButtons();
-            subscription();
             element.removeEventListener('mousemove', onMousemove);
         },
     };