added conditional fade to right sidebar

Astromations · Jul 6, 2023 · c1a3edb · c1a3edb
1 parent f628f16
commit c1a3edb
Showing 1 changed file with 10 additions and 13 deletions.
diff --git a/hazy.js b/hazy.js
@@ -438,19 +438,16 @@
       });
     });
 
-  waitForElement([".Root__nav-right-sidebar .os-viewport.os-viewport-native-scrollbars-invisible"], ([scrollNode]) => {
-    scrollNode.setAttribute("fade", "bottom");
-    scrollNode.addEventListener("scroll", () => {
-      // fade
-      if (scrollNode.scrollTop == 0) {
-        scrollNode.setAttribute("fade", "bottom");
-      } else if (scrollNode.scrollHeight - scrollNode.scrollTop - scrollNode.clientHeight == 0) {
-        scrollNode.setAttribute("fade", "top");
-      } else {
-        scrollNode.setAttribute("fade", "full");
-      }
-    });
-  });    
+    waitForElement([".Root__right-sidebar .os-viewport.os-viewport-native-scrollbars-invisible"], ([scrollNode]) => {
+      scrollNode.addEventListener("scroll", () => {
+        if (scrollNode.scrollTop == 0) {
+          sideFade = '0%'
+        } else {
+          sideFade = '5%'
+        }
+        document.documentElement.style.setProperty('--side-fade', sideFade);
+      });
+    });    
   }
 
   const config = {}