From ca717d9625cdd60272226db50f0f148c949565c7 Mon Sep 17 00:00:00 2001
From: Ken D'Ambrosio <ken@jots.org>
Date: Tue, 12 May 2026 12:33:17 +0000
Subject: Move slideshow interval control to album page; fix mobile viewport
 clipping

- Interval input (default 5 s) now lives beside Shuffle/Full screen on
  the album page; passed as ?interval= param to the slideshow and seeded
  into the hidden ss-interval input on load.
- Added "Interval" label text next to the input.
- Fixed slideshow controls being pushed off-screen on mobile by using
  100dvh (dynamic viewport height) with 100vh as a fallback, so the
  layout accounts for mobile browser chrome.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 views/slideshow.erb | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

(limited to 'views/slideshow.erb')

diff --git a/views/slideshow.erb b/views/slideshow.erb
index dfdf523..24a487b 100644
--- a/views/slideshow.erb
+++ b/views/slideshow.erb
@@ -22,10 +22,7 @@
       <button onclick="ssToggle()" id="ss-play-btn" class="btn btn-sm">⏸ Pause</button>
       <button onclick="ssNext()"     class="btn btn-sm">Next ›</button>
       <button onclick="ssFsToggle()" class="btn btn-sm" title="Toggle full screen (F)">⛶</button>
-      <label class="ss-interval-label">
-        Interval
-        <input type="number" id="ss-interval" value="4" min="1" max="60" step="1"> s
-      </label>
+      <input type="number" id="ss-interval" value="5" min="1" max="60" step="1" hidden>
     </div>
     <div id="ss-counter"></div>
   </div>
-- 
cgit v1.2.3