fix: fix arxiv-to-novel

Author: ChenZiHong-Gavin

apps/arxiv-to-novel/app.js

@@ -418,6 +418,8 @@ function renderGenrePicker() {
 
 
 // ── Settings Modal ───────────────────────────────────
+let settingsModalTimer = null;
+
 function loadSettingsUI() {
   const s = loadSettings();
   document.getElementById("apiKey").value = s.apiKey || "";
@@ -426,12 +428,25 @@ function loadSettingsUI() {
 }
 
 function showSettingsModal() {
+  if (settingsModalTimer) {
+    clearTimeout(settingsModalTimer);
+    settingsModalTimer = null;
+  }
   loadSettingsUI();
-  document.getElementById("settingsModal").style.display = "flex";
+  const modal = document.getElementById("settingsModal");
+  modal.style.display = "flex";
+  // Force reflow to enable transition
+  modal.offsetHeight;
+  modal.classList.add("visible");
 }
 
 function hideSettingsModal() {
-  document.getElementById("settingsModal").style.display = "none";
+  const modal = document.getElementById("settingsModal");
+  modal.classList.remove("visible");
+  settingsModalTimer = setTimeout(() => {
+    modal.style.display = "none";
+    settingsModalTimer = null;
+  }, 300);
 }
 
 function doSaveSettings() {

apps/arxiv-to-novel/style.css

@@ -1052,7 +1052,7 @@ h2 {
     transition: opacity 0.3s ease;
 }
 
-.modal-overlay[style*="display: block"] {
+.modal-overlay.visible {
     opacity: 1;
     pointer-events: auto;
 }
@@ -1068,7 +1068,7 @@ h2 {
     transition: transform 0.3s ease;
 }
 
-.modal-overlay[style*="display: block"] .modal-card {
+.modal-overlay.visible .modal-card {
     transform: translateY(0);
 }