Update Quartz to 01fc26d (#93)

* fix: only apply z-index on left sidebar

* fix: Reload graph after a theme change (closes #1380) (#1383)

* FIX: Reload graph after a theme change

* FIX: Reload graph after a theme change - comment updated

* FIX: Reload graph after a theme change - comment updated

* FIX: Reload graph after a theme change

* fix: Reload graph after a theme change

---------

Co-authored-by: Jacky Zhao <[email protected]>
Co-authored-by: MarcRez33 <[email protected]>

Author: 3 people

quartz/components/scripts/graph.inline.ts

@@ -550,6 +550,19 @@ document.addEventListener("nav", async (e: CustomEventMap["nav"]) => {
   addToVisited(simplifySlug(slug))
   await renderGraph("graph-container", slug)
 
+  // Function to re-render the graph when the theme changes
+  const handleThemeChange = () => {
+    renderGraph("graph-container", slug)
+  }
+
+  // event listener for theme change
+  document.addEventListener("themechange", handleThemeChange)
+
+  // cleanup for the event listener
+  window.addCleanup(() => {
+    document.removeEventListener("themechange", handleThemeChange)
+  })
+
   const container = document.getElementById("global-graph-outer")
   const sidebar = container?.closest(".sidebar") as HTMLElement
 

quartz/styles/base.scss

@@ -172,7 +172,6 @@ a {
       box-sizing: border-box;
       padding: 0 4rem;
       position: fixed;
-      z-index: 1;
       @media all and (max-width: $fullPageWidth) {
         position: initial;
         flex-direction: row;
@@ -183,6 +182,7 @@ a {
     }
 
     & .sidebar.left {
+      z-index: 1;
       left: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth);
       @media all and (max-width: $fullPageWidth) {
         gap: 0;