Skip to content

Fix blurry avatars when size < 48

What does this MR do and why?

When the size supplied for an avatar is less than 48, use the 48x48 version of the user avatar source image so that the avatar image is not blurry on retina displays.

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

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After
image Capture-2024-03-25-125624
image image
image image

How to set up and validate locally

In order to test this, you must have a CODEOWNERS file in a repo on your GDK that defines some codeowners for files/patterns that are relevant to some files in an MR on your GDK. You must also have avatars added for the relevant codeowner users. You can use the impersonation functionality in the admin panel for this if necessary.

  1. Check out this branch
  2. Visit an MR that has some files edited that match codeowner patterns in the repo
  3. Expand the approvals widget
  4. Check the Participants sidebar widget
  5. Navigate to the project's MRs list. Check the assignee and reviewer avatars.

You will see that the avatars are not blurry.

Related to #451739 (closed), #425467 (closed)

Edited by Chad Lavimoniere

Merge request reports