From 91c9f635d8989beccf4a4252d3e2da2f68b07fae Mon Sep 17 00:00:00 2001 From: Aaron Pham Date: Sun, 10 Nov 2024 10:26:49 -0500 Subject: [PATCH] fix: explicitly use center div Signed-off-by: Aaron Pham --- quartz/components/scripts/mermaid.inline.ts | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/quartz/components/scripts/mermaid.inline.ts b/quartz/components/scripts/mermaid.inline.ts index 9be600487..77a3ebe75 100644 --- a/quartz/components/scripts/mermaid.inline.ts +++ b/quartz/components/scripts/mermaid.inline.ts @@ -145,7 +145,8 @@ const cssVars = [ ] as const document.addEventListener("nav", async () => { - const nodes = document.querySelectorAll("code.mermaid") as NodeListOf + const center = document.querySelector(".center") as HTMLElement + const nodes = center.querySelectorAll("code.mermaid") as NodeListOf if (nodes.length === 0) return const computedStyleMap = cssVars.reduce( @@ -192,7 +193,7 @@ document.addEventListener("nav", async () => { pre.prepend(expandBtn) // query popup container - const popupContainer = document.querySelector("#mermaid-container") as HTMLElement + const popupContainer = pre.querySelector("#mermaid-container") as HTMLElement if (!popupContainer) return let panZoom: DiagramPanZoom | null = null