Duplicate Horizontal issues when user allows/has minimal info

digitalpoint

Well-known member
Affected version
2.2.7
Let's say we don't have user titles and the user doesn't share things like location or the last time they were on the site. Their member profile looks like this (avatar starts to disappears behind tabs):

1631826196172.webp

Not a huge deal, but ran into an issue where the buttons don't show either (for example someone looking at their own profile and they don't have the permission to search):

Now their profile looks like this:

1631826374524.webp

I ended up giving the .memberHeader a min-height when above the width that the large avatar shows (might be something worthwhile because there's a lot of info that isn't always there, even if it's there by default).

Less:
@media (min-width: (@xf-responsiveMedium + 1))
{
    .memberHeader
    {
        min-height: (@avatar-l + 20);
    }
}

Ends up formatting a minimal member profile header like so:

1631826661997.webp
 
Back
Top Bottom