From 572b1b74f71a1900a78cc37f207a632ff33784d8 Mon Sep 17 00:00:00 2001
From: evazion <noizave@gmail.com>
Date: Tue, 28 Dec 2021 11:36:14 -0600
Subject: [PATCH] posts: add hidden 720x720 thumbnail option (#4944).

Allow 720x720 thumbnails with https://danbooru.donmai.us/posts?size=720.
---
 .../post_gallery_component/post_gallery_component.scss        | 3 +++
 app/components/post_preview_component.rb                      | 4 +++-
 .../post_preview_component/post_preview_component.html.erb    | 2 +-
 .../post_preview_component/post_preview_component.scss        | 2 ++
 4 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/components/post_gallery_component/post_gallery_component.scss b/app/components/post_gallery_component/post_gallery_component.scss
index 13631cdf4..9e2927de8 100644
--- a/app/components/post_gallery_component/post_gallery_component.scss
+++ b/app/components/post_gallery_component/post_gallery_component.scss
@@ -28,6 +28,7 @@
     &.post-gallery-225 .post-preview-container { height: 225px; }
     &.post-gallery-270 .post-preview-container { height: 270px; }
     &.post-gallery-360 .post-preview-container { height: 360px; }
+    &.post-gallery-720 .post-preview-container { height: 720px; }
   }
 
   &.post-gallery-150  .posts-container { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
@@ -37,6 +38,7 @@
   &.post-gallery-270  .posts-container { grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); }
   &.post-gallery-270w .posts-container { grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); }
   &.post-gallery-360  .posts-container { grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); }
+  &.post-gallery-720  .posts-container { grid-template-columns: repeat(auto-fill, minmax(720px, 1fr)); }
 
   @media screen and (max-width: 660px) {
     .posts-container {
@@ -50,5 +52,6 @@
     &.post-gallery-270  .posts-container { grid-template-columns: repeat(2, auto); }
     &.post-gallery-270w .posts-container { grid-template-columns: repeat(2, auto); }
     &.post-gallery-360  .posts-container { grid-template-columns: repeat(1, auto); }
+    &.post-gallery-720  .posts-container { grid-template-columns: repeat(1, auto); }
   }
 }
diff --git a/app/components/post_preview_component.rb b/app/components/post_preview_component.rb
index 9f2de839d..05e302beb 100644
--- a/app/components/post_preview_component.rb
+++ b/app/components/post_preview_component.rb
@@ -5,7 +5,7 @@ class PostPreviewComponent < ApplicationComponent
   # PostGalleryComponent::DEFAULT_SIZE for the default size of thumbnails in a gallery.
   DEFAULT_SIZE = "180"
 
-  SIZES = %w[150 180 225 225w 270 270w 360]
+  SIZES = %w[150 180 225 225w 270 270w 360 720]
 
   with_collection_parameter :post
 
@@ -66,6 +66,8 @@ class PostPreviewComponent < ApplicationComponent
       media_asset.variant("360x360")
     when "360"
       media_asset.variant("360x360")
+    when "720"
+      media_asset.variant("720x720")
     else
       raise NotImplementedError
     end
diff --git a/app/components/post_preview_component/post_preview_component.html.erb b/app/components/post_preview_component/post_preview_component.html.erb
index 6561ad76f..9909169b9 100644
--- a/app/components/post_preview_component/post_preview_component.html.erb
+++ b/app/components/post_preview_component/post_preview_component.html.erb
@@ -19,7 +19,7 @@
           <% case size %>
           <% when "150", "180" %>
             <%= tag.source type: "image/jpeg", srcset: "#{media_asset.variant("180x180").file_url} 1x, #{media_asset.variant("360x360").file_url} 2x" %>
-          <% else # 225 to 360 %>
+          <% when "225", "225w", "270", "270w", "360" %>
             <%= tag.source type: "image/webp", srcset: "#{media_asset.variant("360x360").file_url} 1x, #{media_asset.variant("720x720").file_url} 2x" %>
           <% end %>
         <% end %>
diff --git a/app/components/post_preview_component/post_preview_component.scss b/app/components/post_preview_component/post_preview_component.scss
index 080901aba..ea73a245e 100644
--- a/app/components/post_preview_component/post_preview_component.scss
+++ b/app/components/post_preview_component/post_preview_component.scss
@@ -36,6 +36,7 @@ article.post-preview {
   &.post-preview-270  { width: 270px; }
   &.post-preview-270w { width: 270px; }
   &.post-preview-360  { width: 360px; }
+  &.post-preview-720  { width: 720px; }
 }
 
 .post-preview-150  .post-preview-image { max-height: 150px; width: auto; }
@@ -45,6 +46,7 @@ article.post-preview {
 .post-preview-270  .post-preview-image { max-height: 270px; width: auto; }
 .post-preview-270w .post-preview-image { max-height: 360px; width: auto; }
 .post-preview-360  .post-preview-image { max-height: 360px; width: auto; }
+.post-preview-720  .post-preview-image { max-height: 720px; width: auto; }
 
 .post-preview {
   img {