tfaour/espresso_frame
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 13 Wiki Activity

Add theatre-mode dialog for the frame header preview thumbnail
Build and push server image / test (push) Successful in 23s
Details
Build and push server image / build-and-push (push) Successful in 2m0s
Details
Build and push server image / deploy (push) Successful in 55s
Details

Browse Source 
Clicking the small preview thumbnail now opens an enlarged version in
a dialog (fresh render, same as the old click-to-refresh), closable
via the X button or a backdrop click -- mirroring #widget-dialog's
existing pattern.
This commit is contained in:
Thomas Faour
2026-07-25 00:50:55 +00:00
parent 914eaed71c
commit 173d82a238
3 changed files with 78 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/app/templates/_frame_name_edit.html
+6 -1
View File
@@ -7,5 +7,10 @@
<button type="button" class="btn-inline" id="frame-name-save">Save</button>
<button type="button" class="btn-inline secondary" id="frame-name-cancel">Cancel</button>
</span>
<img id="frame-preview-thumb" class="frame-preview-thumb" alt="Live preview of what the frame is displaying" title="What the frame is currently displaying -- click to refresh">
<img id="frame-preview-thumb" class="frame-preview-thumb" alt="Live preview of what the frame is displaying" title="What the frame is currently displaying -- click to enlarge">
<dialog id="frame-preview-dialog" class="frame-preview-dialog">
<button type="button" id="frame-preview-dialog-close" class="icon-btn" aria-label="Close" title="Close">&times;</button>
<img id="frame-preview-dialog-img" alt="Live preview of what the frame is displaying" title="Click to refresh">
</dialog>