15
\$\begingroup\$

freehand circles ftw

As you see on the picture, flag summary layout is broken. The right column should be on the right, instead of below the left column.

This doesn't happen on the other SE sites.

Tested on latest Chrome and Firefox.

As Vogel612 pointed out, this is caused because .subheader doesn't correctly clear the floats. Adding the following CSS code fixes the problem:

.subheader::after {
  display: block;
  clear: both;
  content: "";
}
\$\endgroup\$
14
  • 1
    \$\begingroup\$ I don't have the bar and it's on the left for all sites for me. \$\endgroup\$
    – Mast Mod
    May 6, 2016 at 21:18
  • \$\begingroup\$ @Mast The bar is from a userscript, but it's not caused by it, because I checked it also on Firefox, where I don't have any userscripts. \$\endgroup\$ May 6, 2016 at 21:24
  • 2
    \$\begingroup\$ The root cause for this seems to be that .subheader does not correctly clear the floats before .mainbar is getting into the page, which leads to .sidebar getting broken to after the mainbar. One way of fixing is to insert a <br/> after .subheader, forcing the left-float to the left border of #content \$\endgroup\$
    – Vogel612
    May 6, 2016 at 21:26
  • \$\begingroup\$ I was able to reproduce with Firefox and Edge as well. Looks like a CSS issue probably. Anyone else wanting to try to reproduce, just go to your profile and under the "IMPACT" table click "N helpful flags" \$\endgroup\$
    – Phrancis
    May 6, 2016 at 21:31
  • \$\begingroup\$ Reproduced in Firefox, Chrome, Opera, IE, and Edge (Win10) and Firefox (Linux) \$\endgroup\$
    – Peilonrayz Mod
    May 6, 2016 at 21:44
  • \$\begingroup\$ thanks for reporting, i'll take a look at this! \$\endgroup\$
    – Paweł
    May 9, 2016 at 5:59
  • \$\begingroup\$ Related: meta.codereview.stackexchange.com/questions/6220/… \$\endgroup\$
    – rolfl
    May 9, 2016 at 10:49
  • \$\begingroup\$ Still seeing this bug. Anybody got a line to an SE developer? \$\endgroup\$ Oct 9, 2016 at 2:30
  • \$\begingroup\$ @Paweł Napraw to pls. \$\endgroup\$ Oct 9, 2016 at 12:10
  • \$\begingroup\$ @janos Please remove the status-reproduced tag, this likely affects how issues are tracked on the Stack Exchange side. \$\endgroup\$
    – hichris123
    Oct 14, 2016 at 17:14
  • \$\begingroup\$ @Paweł any news on this? \$\endgroup\$
    – janos
    Oct 14, 2016 at 18:02
  • \$\begingroup\$ I'll try to find some time at beginning of next week to fix it. Sory for delay guys! \$\endgroup\$
    – Paweł
    Oct 14, 2016 at 18:41
  • \$\begingroup\$ @Paweł I am having the same issue, I checked in Opera and Firefox. I don't know if it is any help but in dev tools, disabling the height: auto; property in #content>.subheader fixes the issue. \$\endgroup\$
    – Tasos K.
    Mar 13, 2017 at 9:18
  • \$\begingroup\$ Is this fixed yet? If so, can somebody mark it as status-completed? @Paweł \$\endgroup\$
    – Mast Mod
    Apr 24, 2018 at 14:28

0

You must log in to answer this question.

Browse other questions tagged .