misskey-dev / misskey

🌎 A completely free and open interplanetary microblogging platform 🚀
https://misskey-hub.net/
GNU Affero General Public License v3.0
10.01k stars 1.37k forks source link

Ugly profile name inside recent pages accordion #12472

Open tassoman opened 11 months ago

tassoman commented 11 months ago

💡 Summary

When you browse pages you can find a "Recent pages" accordion who lists fresh pages just created by profiles.

🥰 Expected Behavior

as reader, I want to see a nice profile picture (round, with decoration) when Misskey propose "Recent Pages"

🤬 Actual Behavior

Actual behaviour, can't see rounded picture of profile, can't see emoji used inside profile name

immagine

📝 Steps to Reproduce

  1. create a profile, with image, a decoration, some emoji in the given name
  2. write a page
  3. browse the page in view mode
  4. see: avatar is squared, no decoration, no emoji in the name, but :emojicode:

💻 Frontend Environment

* Model and OS of the device(s): any
* Browser: any 
* Server URL: https://misskey.social/@SnowFan/pages/1700994624001
* Misskey: 2023.11.1

🛰 Backend Environment (for server admin)

* Installation Method or Hosting Service: docker build master
* Misskey: 2023.11.1
kakkokari-gtyih commented 11 months ago

If we make the avatar round here, I think it will be too small to see what is written on it, so I think we should leave the avatar as it is. The custom emoji in the user name should be corrected as it is actually missing from the implementation

tassoman commented 11 months ago

If you can see, the mini-image is also deformed because is rectangular. Also it's a full resolution image, not a thumbnail.
In my opinion this implementation is not properly completed. Profiles are always represented with rounded image, no meaning of the size. You can see a proper rendering above the accordion.

I think that line of user's info shouldn't be there. Can be deleted and kept only Page's Title and Page's image.
This because the context is /@username/pages/123456789 so it's obvious those are all {username} 's last posts

This is a proper small representation of the rounded avatar
immagine