From 73d6cc1b4110e99b63ecc4d79c0556d6ee8c129d Mon Sep 17 00:00:00 2001
From: xiaoqidun <xiaoqidun@gmail.com>
Date: Sat, 12 Sep 2026 23:37:24 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=89=8D=E7=AB=AF=E7=95=8C=E9=9D=A2):=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=B0=8F=E5=B1=8F=E4=BE=A7=E6=A0=8F=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=EF=BC=8C=E6=94=AF=E6=8C=81=E7=82=B9=E5=87=BB=E9=98=85?=
 =?UTF-8?q?=E8=AF=BB=E5=8C=BA=E6=94=B6=E8=B5=B7=E4=BE=A7=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/webui/ofdgo.js | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/assets/webui/ofdgo.js b/assets/webui/ofdgo.js
index a70791e..cbff6b5 100644
--- a/assets/webui/ofdgo.js
+++ b/assets/webui/ofdgo.js
@@ -216,6 +216,13 @@ COMPACT_LAYOUT.addEventListener("change", syncLayoutMode);
 el.viewerPanel.addEventListener("scroll", () => {
 	schedulePageSync();
 });
+el.viewerPanel.addEventListener("click", () => {
+	if (COMPACT_LAYOUT.matches && (state.showPages || state.showMeta)) {
+		state.showPages = false;
+		state.showMeta = false;
+		updateSidebarState();
+	}
+});
 el.viewerPanel.addEventListener("dblclick", openOFDFromViewer);
 document.addEventListener("dragover", (event) => {
 	if (event.dataTransfer.types.includes("Files")) {
@@ -288,11 +295,19 @@ function openFontFile(input) {
 function toggleSidebar(side) {
 	if (side === "pages") {
 		state.showPages = !state.showPages;
+		if (COMPACT_LAYOUT.matches) {
+			state.showMeta = false;
+		}
 	} else if (side === "meta") {
 		state.showMeta = !state.showMeta;
+		if (COMPACT_LAYOUT.matches) {
+			state.showPages = false;
+		}
 	}
 	updateSidebarState();
-	resizeViewer();
+	if (!COMPACT_LAYOUT.matches) {
+		resizeViewer();
+	}
 }
 
 function updateSidebarState() {