post previews: fix thumbnail width/height outside post index.

Normally thumbnails have a fixed size of 154x154, but that's not always
desirable outside of the posts index because it creates empty gaps
around thumbnails.

app/javascript/src/styles/specific/post_tooltips.scss

@@ -74,7 +74,6 @@ $tooltip-width: 164px * 3 - 10; // 3 thumbnails wide.
 
         article.post-preview {
           margin: 0 8px 0 0;
-          height: auto;
         }
       }
 

app/javascript/src/styles/specific/posts.scss

@@ -42,6 +42,11 @@ article.post-preview {
     vertical-align: text-top;
   }
 
+  &.post-preview-compact {
+    width: auto;
+    height: auto;
+  }
+
   .desc {
     font-size: 80%;
     margin-bottom: 0;

app/presenters/post_presenter.rb

@@ -89,7 +89,7 @@ class PostPresenter < Presenter
     ApplicationController.render(partial: "posts/partials/index/preview", locals: locals)
   end
 
-  def self.preview_class(post, highlight_score: nil, pool: nil, size: nil, similarity: nil, **options)
+  def self.preview_class(post, highlight_score: nil, pool: nil, size: nil, similarity: nil, compact: nil, **options)
     klass = ["post-preview"]
     # klass << " large-cropped" if post.has_cropped? && options[:show_cropped]
     klass << "captioned" if pool || size || similarity
@@ -100,6 +100,7 @@ class PostPresenter < Presenter
     klass << "post-status-has-children" if post.has_visible_children?
     klass << "post-pos-score" if highlight_score && post.score >= 3
     klass << "post-neg-score" if highlight_score && post.score <= -3
+    klass << "post-preview-compact" if compact
     klass
   end
 

app/views/iqdb_queries/_matches.html.erb

@@ -3,7 +3,7 @@
   <p class="fineprint">Found <%= pluralize(@matches.length, "similar post") %>:</p>
 
   <% @matches.each do |match| %>
-    <%= PostPresenter.preview(match["post"], :tags => "status:any", :similarity => match["score"], :size => true) %>
+    <%= PostPresenter.preview(match["post"], tags: "status:any", similarity: match["score"], size: true, compact: true) %>
   <% end %>
 <% else %>
   <h3>Similar Posts</h3>

app/views/posts/show.html+tooltip.erb

@@ -38,7 +38,7 @@
 <div class="post-tooltip-body <%= "has-preview" if params[:preview].truthy? %>">
   <div class="post-tooltip-body-left">
     <% if params[:preview].truthy? %>
-      <%= PostPresenter.preview(@post, show_deleted: true) %>
+      <%= PostPresenter.preview(@post, show_deleted: true, compact: true) %>
     <% end %>
   </div>