jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

posts: fix parent/child post layout.

Browse Source 
Fix regression causing parent/child posts to be laid out as a grid
instead of as a single row of posts.
This commit is contained in:
evazion
2021-12-05 02:18:13 -06:00
parent 2e6f480d07
commit 40568a9843
2 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/post_gallery_component/post_gallery_component.html.erb
View File

@@ -2,7 +2,7 @@
<% if posts.empty? %> <% if posts.empty? %>
<p>No posts found.</p> <p>No posts found.</p>
<% else %> <% else %>
<div class="posts-container grid gap-2"> <div class="posts-container">
<% posts.each do |post| -%> <% posts.each do |post| -%>
<% %><%= post -%> <% %><%= post -%>
<% end -%> <% end -%>

21
app/components/post_gallery_component/post_gallery_component.scss
View File

@@ -1,6 +1,14 @@
.post-gallery {
.post-preview-image {
max-width: 100%;
}
}
.post-gallery-inline { .post-gallery-inline {
overflow-x: auto; .posts-container {
white-space: nowrap; overflow-x: auto;
white-space: nowrap;
}
article.post-preview { article.post-preview {
width: auto; width: auto;
@@ -12,13 +20,10 @@
} }
} }
.post-gallery { .post-gallery-grid {
.posts-container { .posts-container {
place-items: center; display: grid;
} gap: 0.5rem;
.post-preview-image {
max-width: 100%;
} }
&.post-gallery-150 .posts-container { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } &.post-gallery-150 .posts-container { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }