Page MenuHomePhabricator

Profile's layout is broken on Vector skin
Closed, ResolvedPublicBUG REPORT

Description

On MediaWiki 1.39, SocialProfile's layout does not appear correctly on the Vector skin (both Legacy and 2022). All of the data in #profile-top appears below the bottom border and interferes with content that's on the wiki page instead of being in the page title section. The same thing happens on the social profile page and all of the profile info floats to the right side. I don't have custom CSS that would cause this and I tried disabling all the extensions while only having SocialProfile active but the same thing occurs. However, it looks fine on the Timeless skin. Another user tested it with their wiki and has the same result.

A picture is attached below to show a comparison of 1.39 (left) and 1.35 (right).

SocialProfile1.39.png (1×3 px, 1 MB)

Event Timeline

Vishkujo claimed this task.

Never mind, this isn't actually a bug with SocialProfile but because Vector removed the "visualClear" CSS class. (T280609)
It can be fixed by adding this to the CSS:

.visualClear { clear: both; }