Mention or username pill without avatar is too narrow, cuts off username, and is vertically mis-aligned …

[fooness]

When turning off Show avatars in user and room mentions in Element, the surrounding background of resulting mentions or username pills, are too narrow and cut off the username to the left …

Also username and the text don’t share the same baseline, i.e. they are vertically not aligned.

This could be fixed rather elegantly with removing the (in my opinion) unnecessary background color, setting the line-height and vertical-alignment to default and e.g. using text-decoration underline for the pill …

—

PS: Which would also work pretty well for mentions or username pills WITH the avatar … and would be way better for readability and textflow, see also: #14794

[t3chguy]

using text-decoration underline for the pill …

Then how would it be distinct from user-entered underlined text?

[fooness]

Personally, I wouldn’t care about this difference.

It was just a proposal, though. At least the old pill should be fixed at some point, please. If not some better solution to which all agree could be found.