From a72b1a422485d4f2258e58c1f76f933cb24cf455 Mon Sep 17 00:00:00 2001
From: Felix Nie <hongtuo.nie@u.nus.edu>
Date: Sun, 16 Mar 2025 19:08:45 +0000
Subject: [PATCH] fix(explorer): vertically center the Explorer toggle under mobile view (#1847)
---
quartz/components/scripts/darkmode.inline.ts | 8 ++++----
1 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/quartz/components/scripts/darkmode.inline.ts b/quartz/components/scripts/darkmode.inline.ts
index 038ae0f..871eb24 100644
--- a/quartz/components/scripts/darkmode.inline.ts
+++ b/quartz/components/scripts/darkmode.inline.ts
@@ -25,10 +25,10 @@
emitThemeChangeEvent(newTheme)
}
- // Darkmode toggle
- const themeButton = document.querySelector("#darkmode") as HTMLButtonElement
- themeButton.addEventListener("click", switchTheme)
- window.addCleanup(() => themeButton.removeEventListener("click", switchTheme))
+ for (const darkmodeButton of document.getElementsByClassName("darkmode")) {
+ darkmodeButton.addEventListener("click", switchTheme)
+ window.addCleanup(() => darkmodeButton.removeEventListener("click", switchTheme))
+ }
// Listen for changes in prefers-color-scheme
const colorSchemeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)")
--
Gitblit v1.10.0