9e77ff4948
Disable cropped (square) thumbnails on mobile. Use regular uncropped thumbnails instead. This is for a few reasons: * It made it harder to support multiple thumbnail sizes or file formats, since we need a cropped and uncropped version for every size and format. * The cropping algorithm wasn't that great and sometimes cropped out important parts of the image. * The thumbnail type (cropped or uncropped) was automatically chosen clientside based on the user's screen size, which made certain things like adjustable thumbnail sizes more difficult because we didn't know which thumbnail type the user actually had. This may return again as an option in the future, but for now it's disabled.
61 lines
2.2 KiB
Plaintext
61 lines
2.2 KiB
Plaintext
<%= tag.article id: "post_#{post.id}", **article_attrs do -%>
|
|
<%= link_to polymorphic_path(link_target, q: tags) do -%>
|
|
<% if is_animated? || has_sound? %>
|
|
<div class="post-animation-icon absolute top-0.5 left-0.5 p-0.5 m-0.5 leading-none rounded text-xs font-arial font-bold">
|
|
<% if is_animated? %>
|
|
<span class="post-duration align-middle">
|
|
<%= duration_to_hhmmss(duration) %>
|
|
</span>
|
|
<% end %>
|
|
<% if has_sound? %>
|
|
<%= sound_icon(class: "h-3 mx-0.5") -%>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
|
|
<%= tag.picture do -%>
|
|
<%= tag.img src: post.preview_file_url, style: "min-width: #{preview_width}px; min-height: #{preview_height}px;", title: tooltip, alt: "post ##{post.id}", crossorigin: "anonymous" -%>
|
|
<% end -%>
|
|
<% end -%>
|
|
<% if pool -%>
|
|
<p class="desc">
|
|
<%= link_to pool.pretty_name.truncate(80), pool %>
|
|
</p>
|
|
<% elsif similarity -%>
|
|
<p class="desc">
|
|
<% if post.source =~ %r!\Ahttps?://!i %>
|
|
<%= external_link_to post.normalized_source, post.source_domain %>
|
|
(<%= time_ago_in_words_tagged(post.created_at, compact: true) %>)
|
|
<% else %>
|
|
<%= time_ago_in_words_tagged(post.created_at, compact: true) %>
|
|
<% end %>
|
|
</p>
|
|
<p class="desc">
|
|
<%= link_to number_to_human_size(size), post.file_url %>
|
|
(<%= post.image_width %>x<%= post.image_height %>)
|
|
</p>
|
|
<p class="desc">
|
|
<%= link_to "#{similarity}%", iqdb_queries_path(post_id: post.id) %> similarity
|
|
</p>
|
|
<% elsif size -%>
|
|
<p class="desc">
|
|
<%= link_to number_to_human_size(size), post.file_url %>
|
|
(<%= post.image_width %>x<%= post.image_height %>)
|
|
</p>
|
|
<% elsif recommended -%>
|
|
<p class="desc recommended">
|
|
<%= link_to recommended_posts_path(search: { post_id: post.id }), class: "more-recommended-posts", "data-post-id": post.id do %>
|
|
<%= post.fav_count %>
|
|
|
|
<%= empty_heart_icon(class: "fa-xs") %>
|
|
|
|
<br>more »
|
|
<% end %>
|
|
</p>
|
|
<% elsif show_votes -%>
|
|
<div class="post-preview-score text-sm mt-1">
|
|
<%= render_post_votes post, current_user: current_user %>
|
|
</div>
|
|
<% end -%>
|
|
<% end -%>
|