bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use dialog controller actions, re-enable default action

Browse Source
This commit is contained in:
Jason Zimdars
2025-04-30 11:27:09 +02:00
parent 14825e4daf
commit f45554bfc3
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/views/layouts/_lightbox.html.erb
+4 -3
View File
@@ -1,10 +1,11 @@
<dialog class="lightbox" aria-label="Image Viewer (Press escape to close)" data-lightbox-target="dialog" data-action="close->lightbox#reset">
<%= tag.dialog class:"lightbox", aria: { label: "Image Viewer (Press escape to close)" },
data: { controller: "dialog", dialog_target: "dialog", lightbox_target: "dialog", action: "close->lightbox#reset" } do %>
<img src="" class="lightbox__image" data-lightbox-target="zoomedImage" />
<div class="lightbox__btn">
<button class="btn fill-white" title="Close (esc)" data-action="keydown.esc->lightbox#close:stop" data-controller="hotkey">
<button class="btn fill-white" title="Close (esc)" data-action="dialog#close keydown.esc->dialog#close:stop" data-controller="hotkey">
<%= icon_tag "remove" %>
<span class="for-screen-reader">Close image viewer (esc)</span>
</button>
</div>
</dialog>
<% end %>