Topic: Adding a "Letterboxing" Toggle

Already voiced that I dislike the update but allow me to actually add to the conversation rather than saying "this update sucks because it broke my CSS."

Said CSS had a feature that I did genuinely find a lot more appealing. So why not make it official?

Can there be a toggle for a "letterboxing" on the images when setting the image crop to Full? These were the gaps in the images that I mentioned on the Discord and that's what the CSS I used the CSS to remove. Instead of using the letterboxing to fill in the gaps, it up and removes them leaving the post in its original shape by itself if toggled.

(if you are wondering if you saw this before. YES you did. I posted this under the general category instead of the feature request category like a dumb shit. Also the title is less vague)

Yeah, the CSS that has been used has been this one:

@media (min-width: 474px) {
article.thumbnail {
width: min-content;
}
}

article.thumbnail {
max-width: 150px;
min-height: unset !important;
min-width: unset !important;
}

article.thumbnail a {
height: unset !important;
max-height: unset !important;
max-width: unset !important;
width: unset !important;
flex: unset !important;
}

article.thumbnail img {
max-height: 150px;
max-width: 150px;
height: unset !important;
object-fit: unset !important;
pointer-events: none;
width: 100%;
}

@media (min-width: 474px){
article.thumbnail:not(.deleted) img {
width: unset;
}
}

section.posts-container {
grid-template-columns: repeat(3,1fr) !important;
--thumb-image-size: 150px;
}

@media (min-width: 474px) {
section.posts-container {
grid-template-columns: repeat(auto-fill,minmax(var(--thumb-image-size),1fr));
}
}

article.thumbnail .desc {
height: unset !important;
}

.post-thumbnail.dtext img {
max-height: 150px;
max-width: 150px;
width: auto;
height: auto;
}

#image-container.blacklisted img.post-thumbnail-img,
#image-container.blacklisted video,
.post-thumbnail.blacklisted img.post-thumbnail-img,
.post-thumbnail.blacklisted video {
padding: 150px 150px 0 0!important;
background-size: contain;
}

article.thumbnail.deleted img{
width: calc(90vw / 3);
max-width: 150px;
}

#ptbr-wrapper .ptbr-favorite-button[favorited="false"] {
background-color: rgb(47, 157, 47);
box-shadow: 0 .25rem rgb(0, 100, 0);
}

And it normally worked fine, however now every image has an absurd dead space in it if it's not a perfect square.

I tried disabling it and it didn't fix the issue so I'm pretty perplexed as well.

critical_stiban said:
So why not make it official?

Designing stuff around thumbnails that are not all the same size is difficult.
There is an expectation that the thumbnails won't look broken (at least, not too much) no matter what, even if the image is very tall or very wide. This goes for thumbnails of all three sizes.

And the reality here is that things start breaking down if the thumbnail card is smaller than it should be.
If you search order:favcount you can see some overflow in the post info section with small thumbnails. I have a plan to deal with that particular issue, but it would be a lot worse than this if some thumbnails were even narrower.

There is also a complexity issue here.
I have to support and fix everything on this site, and adding more variables to the thumbnails adds more points of failure.

So, why not make it official?
Because it's difficult, and in my opinion not worth it.
I'm sorry.

Feels a little strange to have an 'AI run/assist' thing dealing with the coding but I assume that's why fixing things is tough?

knottygrrl said:
I assume that's why fixing things is tough?

No, I'm just stupid.

cinder said:
No, I'm just stupid.

but you _are_ an AI thing dealing with the coding, though...

cinder said:
Designing stuff around thumbnails that are not all the same size is difficult.
There is an expectation that the thumbnails won't look broken (at least, not too much) no matter what, even if the image is very tall or very wide. This goes for thumbnails of all three sizes.

And the reality here is that things start breaking down if the thumbnail card is smaller than it should be.
If you search order:favcount you can see some overflow in the post info section with small thumbnails. I have a plan to deal with that particular issue, but it would be a lot worse than this if some thumbnails were even narrower.

There is also a complexity issue here.
I have to support and fix everything on this site, and adding more variables to the thumbnails adds more points of failure.

So, why not make it official?
Because it's difficult, and in my opinion not worth it.
I'm sorry.

I did reach out to another and they mentioned that they’ll look it over whenever they can to see what can be done. I believe that they can see what can be possible.