@bobfrankston/rmfmail 1.2.97 → 1.2.100

package/client/app.js

@@ -710,6 +710,31 @@ document.getElementById("btn-back")?.addEventListener("click", backToList);
 // Android WebView sometimes drops synthetic clicks after a touchend inside a
 // header bar layered above the iframe — handle touchend explicitly too.
 document.getElementById("btn-back")?.addEventListener("touchend", backToList);
+// ── Fold/unfold (and any window resize) layout reconcile ──
+// narrow-active/narrow-hidden are otherwise only set when a message is
+// CLICKED while already narrow. Opening a message on the Fold's inner
+// screen (wide, two panes) and then folding to the cover screen crossed
+// into the narrow layout with neither class set — the viewer vanished and
+// there was no back-to-inbox button (Bob 2026-07-03). Reconcile on every
+// tier crossing: into narrow with a message open → full-screen viewer +
+// back button, exactly as if it had been opened narrow; out of narrow →
+// both panes, classes off. matchMedia mirrors layout.css's narrow query
+// (768px width OR 600px height) so JS and CSS agree on the tier.
+const narrowMq = window.matchMedia("(max-width: 768px), (max-height: 600px)");
+narrowMq.addEventListener("change", () => {
+    const viewer = document.getElementById("message-viewer");
+    const list = document.getElementById("message-list");
+    if (narrowMq.matches) {
+        if (getCurrentMessage()) {
+            viewer?.classList.add("narrow-active");
+            list?.classList.add("narrow-hidden");
+        }
+    }
+    else {
+        viewer?.classList.remove("narrow-active");
+        list?.classList.remove("narrow-hidden");
+    }
+});
 // Pop-out viewer button — desktop spawns a floating overlay (multiple at
 // once), mobile toggles `body.viewer-fullscreen` for full-screen reading.
 // Threshold and behavior live in popOutCurrentMessage.