From 7d7e3349763b0c1ade94b8a6d13986e171861bc1 Mon Sep 17 00:00:00 2001
From: Emile Bangma <github@emilebangma.com>
Date: Mon, 23 Sep 2024 20:40:12 +0000
Subject: [PATCH] feat: responsive design grid (#1354)
---
quartz/components/scripts/graph.inline.ts | 13 +++++++++++++
1 files changed, 13 insertions(+), 0 deletions(-)
diff --git a/quartz/components/scripts/graph.inline.ts b/quartz/components/scripts/graph.inline.ts
index 6bf43aa..5e8d48c 100644
--- a/quartz/components/scripts/graph.inline.ts
+++ b/quartz/components/scripts/graph.inline.ts
@@ -550,6 +550,19 @@
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
--
Gitblit v1.10.0