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 „Gefällt mir“
2

Worthy of a pull request :wink:

1 „Gefällt mir“
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 „Gefällt mir“
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 „Gefällt mir“
5

thank you @Canapin

Merged in

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

6 „Gefällt mir“
6

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