edshot99/eBooru
1
0
Fork 0
forked from e621ng/e621ng
Code Issues 11 Releases 1 Activity

Reapply "[Posts] Fix parent children preview too small in mobile view (#786)"

Browse Source 
This reverts commit 3d3b203daf.
This commit is contained in:
edshot99 2024-12-08 02:39:45 -06:00
parent e87ce043da
commit 47ffe223ee
2 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/javascript/src/styles/common/z_responsive.scss
View File

@ -212,8 +212,7 @@
text-align: center;
vertical-align: middle;
display: inline-block;
width: 100%;
container-type: inline-size;
width: fit-content;
a {
margin: 0 auto;
@ -234,7 +233,7 @@
img {
height: auto;
max-height: none;
max-width: none;
max-width: fit-content;
width: 100cqw;
&.has-cropped-false {

7
app/javascript/src/styles/specific/posts.scss
View File

@ -6,7 +6,7 @@
article.post-preview {
box-sizing: border-box;
height: auto;
width: 154px;
width: fit-content;
margin: 0 10px 10px 0;
overflow: hidden;
text-align: center;
@ -160,11 +160,10 @@ body[data-user-can-approve-posts="true"] .post-preview {
}
#has-parent-relationship-preview, #has-children-relationship-preview {
overflow-x: auto;
white-space: nowrap;
flex-direction: row;
flex-wrap: wrap;
article.post-preview {
width: auto;
border: none;
margin: 0;
padding: 5px 5px 10px;