From e0ebee5aa9b3646de722f139f1d8d15591df538e Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sun, 02 Jul 2023 20:08:29 +0000
Subject: [PATCH] various polish
---
quartz/components/scripts/graph.inline.ts | 17 ++++++++++++-----
1 files changed, 12 insertions(+), 5 deletions(-)
diff --git a/quartz/components/scripts/graph.inline.ts b/quartz/components/scripts/graph.inline.ts
index 27e9a81..169b8c4 100644
--- a/quartz/components/scripts/graph.inline.ts
+++ b/quartz/components/scripts/graph.inline.ts
@@ -266,9 +266,9 @@
})
}
-function renderGlobalGraph() {
+async function renderGlobalGraph() {
const slug = document.body.dataset["slug"]!
- renderGraph("global-graph-container", slug)
+ await renderGraph("global-graph-container", slug)
const container = document.getElementById("global-graph-outer")
container?.classList.add("active")
@@ -293,7 +293,14 @@
containerIcon?.addEventListener("click", renderGlobalGraph)
})
-window.addEventListener('resize', async () => {
- const slug = document.body.dataset["slug"]!
- await renderGraph("graph-container", slug)
+let resizeEventDebounce: number | undefined = undefined
+window.addEventListener('resize', () => {
+ if (resizeEventDebounce) {
+ clearTimeout(resizeEventDebounce)
+ }
+
+ resizeEventDebounce = window.setTimeout(async () => {
+ const slug = document.body.dataset["slug"]!
+ await renderGraph("graph-container", slug)
+ }, 50)
})
--
Gitblit v1.10.0