Adrien Maston
17 lines
863 B
Plaintext
17 lines
863 B
Plaintext
<%= tag.dialog class:"lightbox", aria: { label: "Image Viewer (Press escape to close)" },
|
|
data: { controller: "dialog", dialog_target: "dialog", dialog_modal_value: "true", lightbox_target: "dialog", action: "keydown.esc->dialog#close:stop transitionend->lightbox#handleTransitionEnd" } do %>
|
|
|
|
<figure class="lightbox__figure">
|
|
<img src="" class="lightbox__image" data-lightbox-target="zoomedImage" />
|
|
<figcaption class="lightbox__caption" data-lightbox-target="caption" tabindex="-1" data-dialog-target="focusTouch"> </figcaption>
|
|
</figure>
|
|
|
|
<div class="lightbox__actions">
|
|
<%= yield %>
|
|
<button class="btn fill-white" data-action="dialog#close" data-controller="hotkey tooltip" data-dialog-target="focusMouse">
|
|
<%= icon_tag "remove" %>
|
|
<span class="for-screen-reader">Close (esc)</span>
|
|
</button>
|
|
</div>
|
|
<% end %>
|