Custom fields alignment on user profile

AI-generated summary

A discussion on custom fields alignment on a user profile page occurred. Canapin shared a screenshot of a profile and suggested an improvement by adding overflow: hidden; to the custom fields div. zogstrip thought the idea was worth a pull request. Canapin explained that the bio div already has overflow hidden and proposed adding it to the comment fields div. Canapin then asked whether the custom fields should be placed to the right or below the avatar, providing screenshots of both options. Ultimately, tgxworld thanked Canapin and merged the changes into the codebase.

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

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

What do you think?

5 Likes

Worthy of a pull request :wink:

1 Like

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 Likes

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?

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

1 Like

thank you @Canapin

Merged in

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

6 Likes

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