Topic: Desktop page layout no longer on a grid

Posted under Site Bug Reports & Feature Requests

Flygon

Member

Hey, I couldn't find any methods of reverting this change in my profile settings.
The booru page layouts use to have the thumbnails aligned on a strict grid, and now they appear to be grouped by horizontal width instead. This makes navigating the pages a lot more annoying for me.

I'm unsure if this is intentional or not, and I couldn't find any explicit references to changes except in the user profile layout.

So basically I'm not sure if this is a bug or an intentional site change.

tokwas

Member

I was just about to comment on this. Strange that the site's developers haven't mentioned it in the changelog.

Anyone need me to whip together some UserCSS to revert it?

Grakan

Member

Yeah it's harder for my eyes to scan the page. *Feels* like things are more mixed up than they actually are, I suppose.

Errorist

Member

Weird that it's been implemented in such a half-hearted way too. All those other sites that switched to this type of layout did this fancy thing where every row is the same width and all the thumbnails on a row are the same height.

Flygon

Member

atomicblaze21 said:
Nope, it appears to be related to PR #786, post previews were changed to have dynamic width that fit their content. That's why everything's out of whack.

Don't suppose there's a chance of this becoming a toggleable option? I really dislike how much more annoying it is to navigate the gallery now.

dba afish

Member

atomicblaze21 said:
Nope, it appears to be related to PR #786, post previews were changed to have dynamic width that fit their content. That's why everything's out of whack.

I'm assuming this was supposed to be restricted to just the parent and child section and/or just mobile. I don't really know why the choice was to change everything to fit-content indiscriminately either.

flygon said:
Don't suppose there's a chance of this becoming a toggleable option? I really dislike how much more annoying it is to navigate the gallery now.

go to your user CSS (settings -> advanced, bottom of page) and add article.post-preview { min-width: 140px; max-width: 31vw; }, should make everything look right again. (probably)

SNPtheCat

Member

maryland_p_sevenson said:
I'm assuming this was supposed to be restricted to just the parent and child section and/or just mobile. I don't really know why the choice was to change everything to fit-content indiscriminately either.

go to your user CSS (settings -> advanced, bottom of page) and add article.post-preview { min-width: 140px; max-width: 31vw; }, should make everything look right again. (probably)

Seems there was an update to the layout. It seems the previous bugs were fixed (except for the parent/child under a post which your css fixed)

Chaser

Member 
div#posts-container {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-evenly;
    align-items: center;
}

is what I used to fix it, it looks much better.

soskem

Member

Is there any CSS script that reverts it to exactly what it was before? I've tried the ones posted here and they don't look the same as it originally was. Is there a way to force a specific number of images per row while also maintaining alignment with the other rows?

alphamule

Privileged

Hmm, it seems like it might be nice to have but I rely on fixed-sized divs to keep track while tagging. Yeah, saw this on AGN.PH IRC, and wondered what was meant. I agree that a toggle or some way to add custom CSS to turn it on/off would be nice.

qivfokvpjek

Member

It's not perfect but this is close enough for me

#posts-container {display: grid; grid-template-columns: repeat(auto-fill, 180px);}
#posts-container > .post-preview {width: 160px;}

soskem

Member

qivfokvpjek said:
It's not perfect but this is close enough for me

This worked for me as well, let's just hope there's an option to disable this in the future.

coyotebear

Privileged

qivfokvpjek said:
It's not perfect but this is close enough for me

soskem said:
This worked for me as well, let's just hope there's an option to disable this in the future.


Tidied things up pretty well, thank you

dba afish

Member

soskem said:
This worked for me as well, let's just hope there's an option to disable this in the future.

I'm fairly certain this wasn't an intentional change, it was a change made to fix something that was broken by a change that was ment to fix something.

Watsit

Privileged

It seems the comments on the "Comments on my posts" page aren't aligned anymore either. Previously the comments would be aligned to the same horizontal offset next to the thumbnail of the image being commented on (the thumbnail area would have the same width regardless of the thumbnail size), but now the thumbnail area width, and thus the horizontal offset for the comment, is different depending on the width of the image thumbnail.

soskem

Member

So it seems that the issue has been fixed and the posts are now displayed in grid form again, although it looks like there are 8 posts per row instead of the previous 6.

Cow of Fire

Member

Um, it is still seven wide for me…but the removal of the blacklisted posts with the red bar instead of the common blue bar bothers me greatly. I am an editor of tags here, and my blacklist is off even though it exist. Seeing that a post was\n't on my blacklist showed me immediately either it had improper tags that needed to be removed or proper tags that need to be added, making tagging easier for me…
Please bring back the red bar showing that the post is on your blacklist when your blacklist is turned off…

  • 1