Add Avatar Border for Visual Consistency

[kerwin612]

For the ① mentioned in the comment (#32565 (comment)).

Add a border to the Avatar to avoid poor visual experiences caused by irregularly sized images.

before:

after:

[lunny]

The new design looks a bit off—there are two overlapping borders.

[wxiaoguang]

To be honest, the border is more ugly than before

[kerwin612]

To be honest, the border is more ugly than before

This is indeed a matter of "choice". No matter how one chooses, there will always be some who find it suitable and some who don't. This is quite normal, and I fully understand it.

Currently:

After adding the border:

(issues such as border style can be adjusted additionally)

I think we should first make a choice and confirm whether we need borders.
If it's confirmed that borders are needed, I will continue to improve this PR. If not, I will close this PR.

@lunny @wxiaoguang

[wxiaoguang]

I think we should first make a choice and confirm whether we need borders. If it's confirmed that borders are needed, I will continue to improve this PR. If not, I will close this PR.

I would say no to current state, these screenshots look more ugly.

[lunny]

Maybe we can use a circle with border which is how Github did.
profile small

participants

profile big

[silverwind]

I personally dislike both circling and border, with circling being the more severe of the two. If there is a border, there should also be a subtle background change. And it wouldn't fit in all places, like on the user page where it looks strange imho with the double border.

When GitHub introduced the circles around 2 years ago, they visually broke a lot of avatars where essential parts of the avatar were cut off. So it's a somewhat breaking change too.