mastodon-android icon indicating copy to clipboard operation
mastodon-android copied to clipboard

Images overflow on bottom in notifications

Open sk22 opened this issue 3 years ago • 2 comments

image

This also happens when MAX_WIDTH isn't exceeded, but you don't see it, because the image usually matches the parent's width. When MAX_WIDTH is exceeded (like on my device, unfortunately), it's visible:

image

The pink margin is 45 px, the green one 36 px, according to my screenshots.

When zooming in on the full-width variant, a single pixel is visible on the very edge, which fades out because the notification border curves in, but the image still goes further down some pixels more.

image

sk22 avatar May 15 '22 19:05 sk22

Ideally tho, in my opinion, the image shouldn't overflow at all, so the bottom curved edges stay visible (something like overflow: hidden in CSS), but that's another issue and i don't know how hard this would be to implement.

image ^ edited to showcase rounded corners on bottom

And if you wanted to be very exact: The image is one pixel off (according to my screenshot) and isn't rendered next to the border, but in the middle of it: image

sk22 avatar May 15 '22 19:05 sk22

(Sorry about another one of those issues)

sk22 avatar May 15 '22 19:05 sk22