Add image size recommendation to avatar settings
What does this MR do and why?
Adds image size recommendations of 192x192
to user profile,
project avatar and group avatar settings.
Why 192x192px?
We render the profile image at 96x96, so a retina high-res variant is loaded at @2x, 192x192.
For the project & group we show a 48x48 image, in settings we show a 96x96 avatar, again @2x for 192x192. To keep this future proof we can simplify it to also recommend 192x192
.
On the user profile we use a non-standard size of 104px while the image loaded is 96px. So this MR removes the custom override.
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
Before | After |
---|---|
Profile | |
Profile settings | |
Project settings | |
Group settings | |
How to set up and validate locally
- Profile settings: http://gdk.test:3000/-/user_settings/profile
- Profile: http://gdk.test:3000/root
- Project settings: http://gdk.test:3000/flightjs/Flight/edit
- Group settings: http://gdk.test:3000/groups/flightjs/-/edit
Related to Avatar dimensions for profile and projects (#17326 - closed), ✂️ UX Paper Cuts 16.10 → Groups & Projects (#424397 - closed)
Closes #17326 (closed)