posts: increase default thumbnail size.

* Increase the default thumbnail size from small (150x150) to medium (180x180).
* Change the mobile layout to use three posts per row instead of two for small thumbnails.

Parent/child posts are still 150x150 to avoid taking up even more space above posts.
This commit is contained in:
evazion
2021-12-13 03:22:57 -06:00
parent e04892fb38
commit 0997f5595e
7 changed files with 22 additions and 16 deletions

View File

@@ -14,7 +14,7 @@ class PostPreviewComponentTest < ViewComponent::TestCase
node = render_preview(@post, current_user: User.anonymous)
assert_equal(post_path(@post), node.css("article a").attr("href").value)
assert_equal(@post.preview_file_url, node.css("article img").attr("src").value)
assert_equal(@post.media_asset.variant("180x180").file_url, node.css("article img").attr("src").value)
end
end
@@ -24,7 +24,7 @@ class PostPreviewComponentTest < ViewComponent::TestCase
node = render_preview(@post, current_user: User.anonymous)
assert_equal(post_path(@post), node.css("article a").attr("href").value)
assert_equal(@post.preview_file_url, node.css("article img").attr("src").value)
assert_equal(@post.media_asset.variant("180x180").file_url, node.css("article img").attr("src").value)
assert_equal("0:01", node.css("article .post-duration").text.strip)
end
end
@@ -35,7 +35,7 @@ class PostPreviewComponentTest < ViewComponent::TestCase
node = render_preview(@post, current_user: User.anonymous)
assert_equal(post_path(@post), node.css("article a").attr("href").value)
assert_equal(@post.preview_file_url, node.css("article img").attr("src").value)
assert_equal(@post.media_asset.variant("180x180").file_url, node.css("article img").attr("src").value)
assert(node.css("article .sound-icon").present?)
end
end
@@ -50,7 +50,7 @@ class PostPreviewComponentTest < ViewComponent::TestCase
node = render_preview(@post, current_user: create(:gold_user))
assert_equal(post_path(@post), node.css("article a").attr("href").value)
assert_equal(@post.preview_file_url, node.css("article img").attr("src").value)
assert_equal(@post.media_asset.variant("180x180").file_url, node.css("article img").attr("src").value)
end
should "not be visible to Members" do
@@ -68,7 +68,7 @@ class PostPreviewComponentTest < ViewComponent::TestCase
node = render_preview(@post, current_user: create(:gold_user))
assert_equal(post_path(@post), node.css("article a").attr("href").value)
assert_equal(@post.preview_file_url, node.css("article img").attr("src").value)
assert_equal(@post.media_asset.variant("180x180").file_url, node.css("article img").attr("src").value)
end
should "not be visible to Members" do
@@ -86,7 +86,7 @@ class PostPreviewComponentTest < ViewComponent::TestCase
node = render_preview(@post, current_user: create(:approver))
assert_equal(post_path(@post), node.css("article a").attr("href").value)
assert_equal(@post.preview_file_url, node.css("article img").attr("src").value)
assert_equal(@post.media_asset.variant("180x180").file_url, node.css("article img").attr("src").value)
end
should "not be visible to Gold users" do
@@ -104,7 +104,7 @@ class PostPreviewComponentTest < ViewComponent::TestCase
node = render_preview(@post, current_user: User.anonymous)
assert_equal(post_path(@post), node.css("article a").attr("href").value)
assert_equal(@post.preview_file_url, node.css("article img").attr("src").value)
assert_equal(@post.media_asset.variant("180x180").file_url, node.css("article img").attr("src").value)
end
should "not be visible to users with safe mode on" do
@@ -124,7 +124,7 @@ class PostPreviewComponentTest < ViewComponent::TestCase
node = render_preview(@post, current_user: User.anonymous, show_deleted: true)
assert_equal(post_path(@post), node.css("article a").attr("href").value)
assert_equal(@post.preview_file_url, node.css("article img").attr("src").value)
assert_equal(@post.media_asset.variant("180x180").file_url, node.css("article img").attr("src").value)
end
should "not be visible to users normally" do