[ home ] [ pony / rp / canterlot / rules ] [ arch ]

/canterlot/ - Canterlot

Site related staff board
Password (For file deletion.)

[Return][Go to bottom]


File: 1540000339350.jpg (43.9 KB, 640x960, 2:3, dog-face-found-in-nerds-ha….jpg) ImgOps Exif Google

's feature request: Option to downsize thumbnails of non-OP images.  I don't think this can easily be implemented client-side with just CSS, but JavaScript+CSS can probably get the job done.  Or it could be done server-side.  I could also take a stab at doing this if you give me read-only access to the source code and let me submit a pull request or something.

Pic unrelated.


I support this.


Personally, I like the size as-is. This might be due to having a larger screen, however.
If you do put it in, please make sure it's optional.




I prefer them the size they are.


File: 1540342001582.jpg (154.3 KB, 643x720, 643:720, 1520046934574.jpg) ImgOps Exif Google

Yeah, the idea is to make it **optional** to make the thumbnails smaller.  If the OP feature request gets implemented, you'd still need to affirmatively opt-in to the smaller thumbnails.


I'm trying to get the right css rule here, but I don't know what you and Iara are really expecting from this. Just, 50% smaller? Or capped at 100px? Should youtube embed images shrink? I dunno, this is what I have right now

.post.reply .post-image:not(.embedimg) { max-width: 100px; height: auto !important; }

If you want to refine the rule, be my guest. I already have worked out a pretty simple system for making dynamic css changes with javascript, so that part is easy once I have a rule in which to toggle on and off. I just don't want to bother putting this in place unless I know it's what is expected, because "downsize thumbnails" is not actually a usable specification.


I think the idea was to make it be like 4chan: constrain the height and width to each be less than or equal to 125px, while keeping the aspect ratio the same.  But since it seems that the images are currently up to 230px tall/wide, making them 50% smaller (so up to 115px tall/wide, instead of 125px) would also work.

It seems to me that the CSS rule you posted above would work for wide images but not tall images.  But I guess if you label each image with a CSS class indicating whether it's landscape or portrait, you can have one rule for tall images and another for wide images.

[Return] [Go to top]
[ home ] [ pony / rp / canterlot / rules ] [ arch ]