7
\$\begingroup\$

When I press less info in my EE profile, some information are overlapped. See below:

enter image description here

I thought this could be only in my browser, but my less info profile from Stack Overflow is showing correctly:

enter image description here


Edit:

I use Chrome, but I can reproduce this with IExplorer V10 too.

\$\endgroup\$
  • 1
    \$\begingroup\$ I can reproduce this in Chrome \$\endgroup\$ – W5VO Oct 26 '13 at 3:15
  • 1
    \$\begingroup\$ With the new user page (that no longer has a "less info" mode), I guess this is status-completed now. \$\endgroup\$ – Ilmari Karonen Oct 7 '15 at 12:38
6
\$\begingroup\$

I can confirm this in Chrome too. For SE devs, this CSS rule appears to be the root of the problem:

.user-show-new .user-header .data {
    width: 318px!important;
}

Disabling that rule makes it work fine:

enter image description here

\$\endgroup\$
  • \$\begingroup\$ The real problem is that the selector is too broad, and matches elements it shouldn't. It's clearly meant to apply only in the expanded view, which means that it should read e.g. .user-show-new .user-header-left .data instead. \$\endgroup\$ – Ilmari Karonen Dec 27 '14 at 17:52
2
\$\begingroup\$

The problem is that the CSS rule pointed out by Chris Laplante is clearly meant to apply only in the expanded view. To fix this problem, it should be changed to read something like this:

.user-show-new .user-header-left .data {  /* note the "-left"! */
    width: 318px !important;
}

Until this is properly fixed, I've added a patch for this bug to SOUP v1.28; this patch consists simply of the following extra CSS rule:

.user-show-new .user-header.user-header-slim .data {
    width: auto !important;
}

(The extra .user-header in the selector is there just to make this rule more specific than the broken rule quoted by Chris, and therefore able to override it.)

\$\endgroup\$

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .