New pill UI

[weeman1337]

Your use case

What would you like to do?

Apply the new pill UI from here element-hq/element-meta#1030

It may not match 100 %, because the new UI breaks the text flow. The line height of lines with pills will increase. The result should be as close as possible to the new UI without breaking the text flow.

Have you considered any alternatives?

No response

Additional context

No response

[giomfo]

@weeman1337 I will list here some changes we will apply during this second step on permalinks rendering:

• in case of a permalink to a message, the avatar is displayed at the beginning of the pill

• in case of a permalink to a message in the same room, if we failed to retrieve the event or the user details, we display the link icon and the label "Message"

To reproduce this last case, you may send a permalink to a message sent by an ignored user, or a permalink to a message with a fake event id