"Expand" button positioning on mobile inconsistent with desktop

image

As you can see the “Expand” button is between the name and the avatar, whereas on desktop the button is aligned to the right after the name/username.

It seems this left floating in mobile/user.scss is the culprit

https://github.com/discourse/discourse/blob/master/app/assets/stylesheets/mobile/user.scss#L114-L116

If I float it to right in my chrome dev console I get this:

image

Which seems to fix this particular issue, but might break something else.

3 Likes

Yeah I think you would need to test this with all the admin controls as well. Not sure what the impact would be.

User page on mobile really needs a very good cleanup @awesomerobot, expanded we are also using up tons of pointless space.

6 Likes

Mobile needs some general cleanup for sure.

@osama the button position here is definitely odd and does seem to make more sense on the right. I can take a quick look at this and see if the change impacts anything else (including admin controls on the user profile).

6 Likes

Yeah this definitely needs work, if you could do a quick pass… it’s been messed up for quite a while on mobile.

3 Likes

ok, so I’ve cleaned up the user profiles on mobile a bit and it’s live on meta —

10 Likes

This topic was automatically closed after 47 hours. New replies are no longer allowed.