post previews: fix css for captioned post previews.
Captioned post previews (previews with the pool name, similarity, or size beneath) need to have `height: auto` set, otherwise they'll default to `height: 154px` (just enough for the image) and the caption won't be visible.
This commit is contained in:
@@ -13,12 +13,14 @@ article.post-preview {
|
||||
@include inline-block;
|
||||
}
|
||||
|
||||
&.pooled {
|
||||
height: 214px;
|
||||
&.captioned {
|
||||
height: auto;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
.desc {
|
||||
font-size: 80%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
@@ -34,19 +36,6 @@ article.post-preview {
|
||||
}
|
||||
}
|
||||
|
||||
#iqdb-similar {
|
||||
overflow: hidden;
|
||||
|
||||
.post-preview {
|
||||
height: auto;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#saved-searches-nav {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
@@ -27,7 +27,7 @@ class PostPresenter < Presenter
|
||||
cropped_src = post.preview_file_url
|
||||
end
|
||||
|
||||
html = %{<article itemscope itemtype="http://schema.org/ImageObject" id="post_#{post.id}" class="#{preview_class(post, options[:pool], options)}" #{data_attributes(post)}>}
|
||||
html = %{<article itemscope itemtype="http://schema.org/ImageObject" id="post_#{post.id}" class="#{preview_class(post, options)}" #{data_attributes(post)}>}
|
||||
if options[:tags].present? && !CurrentUser.is_anonymous?
|
||||
tag_param = "?tags=#{CGI::escape(options[:tags])}"
|
||||
elsif options[:pool_id] || options[:pool]
|
||||
@@ -72,10 +72,10 @@ class PostPresenter < Presenter
|
||||
html.html_safe
|
||||
end
|
||||
|
||||
def self.preview_class(post, description = nil, options = {})
|
||||
def self.preview_class(post, options = {})
|
||||
klass = "post-preview"
|
||||
# klass << " large-cropped" if post.has_cropped? && options[:show_cropped]
|
||||
klass << " pooled" if description
|
||||
klass << " captioned" if options.values_at(:pooled, :size, :similarity).any?(&:present?)
|
||||
klass << " post-status-pending" if post.is_pending?
|
||||
klass << " post-status-flagged" if post.is_flagged?
|
||||
klass << " post-status-deleted" if post.is_deleted?
|
||||
|
||||
Reference in New Issue
Block a user