diff options
| author | Ken D'Ambrosio <ken@jots.org> | 2026-05-09 15:50:10 +0000 |
|---|---|---|
| committer | Ken D'Ambrosio <ken@jots.org> | 2026-05-09 15:50:10 +0000 |
| commit | b1ffa9050e63329ac72cfc9cca5b44800984e34c (patch) | |
| tree | 10eb3f4ec4eea219cbd4334b32414753fa572eca /views | |
| parent | 97a2456fdcda2f02f4b60a5610b1415ef07743df (diff) | |
Add info overlay to lightbox showing photo metadata
Tap "ℹ Info" in the caption bar to toggle a semi-transparent panel at
the bottom of the image showing filename (if different from title),
date taken, and pixel dimensions. Panel resets to hidden on each
photo change. Button is hidden automatically when no metadata is
available. Width/height are now included in the ENTRIES payload.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Diffstat (limited to 'views')
| -rw-r--r-- | views/album.erb | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/views/album.erb b/views/album.erb index bee779a..961b26a 100644 --- a/views/album.erb +++ b/views/album.erb @@ -82,6 +82,9 @@ <audio id="lb-audio" controls class="hidden"></audio> <button class="lb-btn lb-prev" onclick="lbNav(-1)" aria-label="Previous">‹</button> <button class="lb-btn lb-next" onclick="lbNav(1)" aria-label="Next">›</button> + <div id="lb-info-panel" class="lb-info hidden"> + <dl id="lb-info-dl"></dl> + </div> </div> </div> <div class="lb-caption-bar"> @@ -89,6 +92,7 @@ <span id="lb-caption"></span> <a id="lb-download" href="" download class="btn btn-sm lb-action">↓ Original</a> <button id="lb-copylink" onclick="lbCopyLink()" class="btn btn-sm lb-action">⧉ Copy link</button> + <button id="lb-info-btn" onclick="lbToggleInfo()" class="btn btn-sm lb-action">ℹ Info</button> <span id="lb-counter"></span> </div> </div> |