User Summary spacing issue

UX
1

1st Bug: when visiting a user’s full profile, there is a massive gap of empty space above it between the user’s image and the header.

image
image.jpg1514×874 167 KB

2nd bug: users with no background image - their profile picture sticks out of the user card and is seen overlapping text and properties behind it.

image
image.png983×332 49 KB

1 Like
2

I imagine this is due to a customization you’ve made or a theme component you use. I can’t repro here on Meta. Check to see it still happens after disabling themes at your site’s /safe-mode page.

This is one of those “feature-not-bug” things. It’s supposed to be a nice, modern looking style, but if you don’t like it you can adjust with CSS:

#user-card.no-bg .card-content,
#group-card.no-bg .card-content {
  margin-top: 50px;
}
5 Likes
3

Safe mode didn’t fix it, but I’m still looking into it. Website is https://blinqchat.com

  • I removed all CSS, issue persists.
  • *If the user has no background image, the spacing is fixed. However, with users that have a background image, some of them have the spacing issue and some don’t…very peculiar.

I found this CSS with the div container: (I didn’t add this code)

2 Likes
4

I’ve fallen, I can’t find where and why this bizarre issue came from. With safe mode I disabled all plugins and themes and yet the issue persists. I removed the plugins I’ve installed since this issue started (I believe today or for a few days) - no luck. Sigh.

1 Like
5

Ah ha! I figured out how to reproduce it on meta. Thanks for trying everything first @nexo. If you need a quick and dirty “fix” this should help, but this will need to be fixed properly in core:

.user-main .about {
  overflow: hidden;
}

@awesomerobot here is the repro criteria I’ve determined at this point:

  • User profile background image is in place
  • There is no div.staff-counters element displayed (this is the key)
7 Likes
8

THANK YOU :pray: I appreciate you working with the issue, you’re awesome!

5 Likes
9

Just a heads up. The user profile has been reworked in core, so assuming you are up to date, you can go ahead and remove that CSS. If you keep it around, it will end up breaking the the mute/ignore pop-up on profiles.

6 Likes
10

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