Topic: Desktop page layout no longer on a grid

Posted under Site Bug Reports & Feature Requests

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.

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?

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

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.

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.

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)

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)

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.

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?

Neither of the suggested CSS changes fix the issue, unfortunately. =/

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.

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;}

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

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.

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

This worked, but I hope it becomes a formal setting in future.

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.

  • 1