Custom fields alignment on user profile

UX
1

Hi,
Here’s the profile of one of my users:

image
image.png1172×260 56 KB

I feel that would be better like this (I added an overflow: hidden;):

image
image.png1172×257 55.9 KB

What do you think?

「いいね！」 5
2

Worthy of a pull request :wink:

「いいね！」 1
3

It seems that the bio div also have an overflow hidden for this purpose. On the profil on my screenshot, there is no bio to push down the custom fields so this happens. I guess only adding this overflow hidden on the comment fields div on the profile page would do the trick. I might do a pull request after a good, sweet night (late here! :fr: ). :slight_smile:

「いいね！」 5
4

What would be better? Make it to the right of the avatar like my first suggestion (as the bio div also does), or make it under the avatar like this?

image
image.png1178×253 55.2 KB

In both cases, the custom fields will go under the avatar when a bio is present, like this:

image
image.png1160×245 56.6 KB

「いいね！」 1
5

thank you @Canapin

Merged in

https://github.com/discourse/discourse/commit/6cc860be095f92f0da280bf1ff97500c43014770

「いいね！」 6
6

This topic was automatically closed after 4 days. New replies are no longer allowed.