Closed funwhilelost closed 5 months ago
This extension supports user-defined thumbnails in user.css, so that a change there can affect thumbnails all over a1111.
For example you can put this in user.css (in the main a1111 directory):
.thumbnail-item > img {
object-fit: contain !important;
}
.thumbnail-lg > img {
object-fit: contain !important;
}
Is that what you are trying to achieve, or am I misunderstanding?
This extension supports user-defined thumbnails in user.css, so that a change there can affect thumbnails all over a1111.
For example you can put this in user.css (in the main a1111 directory):
.thumbnail-item > img { object-fit: contain !important; } .thumbnail-lg > img { object-fit: contain !important; }
Is that what you are trying to achieve, or am I misunderstanding?
That is what I'm trying to achieve but, unfortunately, the thumbnail cropping actually eliminates the rest of the photo so the CSS change has no effect. I could change the PR to simple remove the image.crop
call and then this CSS would work great.
That is what I'm trying to achieve but, unfortunately, the thumbnail cropping actually eliminates the rest of the photo so the CSS change has no effect. I could change the PR to simple remove the
image.crop
call and then this CSS would work great.
Yeah, let's do that. I'll include the css info in the readme.
Right now non-square thumbnails are cropped to a square and have information removed. This feature allows you to make thumbnails that show the whole image "fit" to the square grid.