* Add back "Resize to window" link. * Add Z shortcut for resize to window link (mnemonic: Z for zoom image). * Resize images to screen width by default on both desktop and mobile. * Make it so that notes are nested directly inside the .image-container element with the image, instead of inside a separate .note-container element. This means .image-container and .note-container are now the same element. This is so that the size of the .note-container is driven by the size of the image, which ensures that notes are automatically resized as the image is resized.
8 lines
624 B
Plaintext
8 lines
624 B
Plaintext
<% if post.is_ugoira? %>
|
|
<%= content_tag(:video, nil, id: "image", class: "fit-width", width: post.image_width, height: post.image_height, autoplay: true, loop: true, controls: "controls", src: post.tagged_large_file_url) %>
|
|
<p><%= link_to "Save this video (right click and save)", post.tagged_large_file_url %></p>
|
|
<% else %>
|
|
<%= content_tag(:video, nil, id: "image", class: "fit-width", width: post.image_width, height: post.image_height, autoplay: true, loop: true, controls: "controls", src: post.tagged_file_url) %>
|
|
<p><%= link_to "Save this video (right click and save)", post.tagged_file_url %></p>
|
|
<% end %>
|