fix popover zindex

2023-07-04 17:14:15 -07:00
parent 38cff2d670
commit 2a17431460
4 changed files with 23 additions and 19 deletions
--- a/quartz/components/scripts/graph.inline.ts
+++ b/quartz/components/scripts/graph.inline.ts
@ -274,12 +274,20 @@ async function renderGraph(container: string, slug: string) {
 function renderGlobalGraph() {
  const slug = document.body.dataset["slug"]!
  const container = document.getElementById("global-graph-outer")
+  const sidebar = container?.closest(".sidebar") as HTMLElement
  container?.classList.add("active")
+  if (sidebar) {
+    sidebar.style.zIndex = "1"
+  }
+
  renderGraph("global-graph-container", slug)

  function hideGlobalGraph() {
    container?.classList.remove("active")
    const graph = document.getElementById("global-graph-container")
+    if (sidebar) {
+      sidebar.style.zIndex = "unset"
+    }
    if (!graph) return
    removeAllChildren(graph)
  }