developer-roadmap icon indicating copy to clipboard operation
developer-roadmap copied to clipboard
verified publisher icon kamranahmedse

Incorrect scaling of the profile avatar in the wide card and profile activity page

Open steindvart opened this issue 1 year ago • 4 comments

What is the URL where the issue is happening

https://roadmap.sh/card/wide/65545e1968ca60261330fe9a?variant=dark

What browsers are you seeing the problem on?

  • Chrome (Brave browser)

Describe the Bug

The profile avatar in the wide card is greatly compressed, instead of zooming in. It doesn't look good.

For example: https://roadmap.sh/card/wide/65545e1968ca60261330fe9a?variant=dark

Screenshots

image image

Expected behavior

The avatar in wide card is expected to scale as it does in the profile picture.

Screenshots

image

Participation

  • [ ] I am willing to submit a pull request for this issue.

steindvart avatar Aug 12 '24 06:08 steindvart

Also, I found the same behavior of profile picture in page with profile activity table (like in GitHub).

  • URL: https://roadmap.sh/u/steindvart

image image

steindvart avatar Aug 12 '24 06:08 steindvart

@arikchakma can you please have a look at this?

kamranahmedse avatar Aug 12 '24 17:08 kamranahmedse

Sure I will have a look

arikchakma avatar Aug 12 '24 17:08 arikchakma

I've submitted a fix for this issue in PR #6778. The pull request addresses the incorrect scaling of the profile avatar in the wide card and profile activity page. Please review it when you have a chance. Thanks!

afzalimdad9 avatar Aug 24 '24 05:08 afzalimdad9

@Steindvart Please use a square image (400X400) so it doesn't compress. We have fixed the public profile image size.

arikchakma avatar Aug 29 '24 16:08 arikchakma