Profile photos stretched when creating new email / direct message on desktop

Please fill out the following sections to the best of your ability, it will help us investigate bugs if we have this information at the outset. Screenshots are especially helpful, so please provide those if you can.

Platform (Android, iOS, Website):
Website / Windows

App version number, if a mobile app issue (shown under Settings or About):
N/A

Browser, if a website issue (Firefox, Chrome, etc) :
Firefox

URLs (aka web addresses) of any relevant observations or pages:
N/A

Screenshots of what you are seeing (instructions for taking a screenshot on computers and mobile devices: https://www.take-a-screenshot.org/):

Description of problem (please provide a set of steps we can use to replicate the issue, and make as many as you need.):
When sending a direct message, via Firefox (possible other browsers), the profile photos are stretched. The height is correct, but the width is taking up 100% of the container element. Here’s the CSS selector that likely needs to be addressed:

#new_message .user-field .usericon {
max-height: 34px;
margin-right: 10px;
width: auto; /* 2025-02-21; this is my addition, which addresses the issue /*
}

Step 1:
Open email inbox on web browser

Step 2:
Search for user with profile picture

Step 3:
Voila, image appears

3 Likes

I have experienced the same issue recently. It’s possible that this recent bug report and this forum thread may be related to this issue.

3 Likes

I’ve had this as well in Chrome.

1 Like

I made a bug report for this yesterday. https://github.com/inaturalist/inaturalist/issues/4408

I, for one, welcome our new disc-shaped overlords.

3 Likes

Fixed!

3 Likes

This topic was automatically closed after 15 hours. New replies are no longer allowed.