1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Fixed 'New' badge causes horizontal overflow

Discussion in 'Resolved Bug Reports' started by CyberAP, Jun 17, 2013.

  1. CyberAP

    CyberAP Well-Known Member

    If you reduce the width of the page with new messages you will get a scrollbar at the bottom of your screen.
    This is caused by the 'New' badge on the right side.


    To solve this issue we just need to add padding: 0 10px; to .wrapperXfSite. The result is:


    Of course this padding should be disabled for mobile layout.
  2. Kier

    Kier XenForo Developer Staff Member

    Adding that padding pushes the main header away from the page edges, which is not desirable.

    Screen Shot 2013-06-18 at 12.25.34.png
    CyberAP likes this.
  3. CyberAP

    CyberAP Well-Known Member

    We can add padding to .pageWidth. And the problem is solved :)
  4. Divvens

    Divvens Well-Known Member

    What browser is that on? I don't get the issue while browsing with Chrome.
  5. Liam W

    Liam W Well-Known Member

    Does this only at widths 801-987, so not that major...
  6. Jeremy

    Jeremy Well-Known Member

    Major or not, its a bug and should be fixed.
  7. EQnoble

    EQnoble Well-Known Member

    That's pretty simple to work around too...
    .message .newIndicator {
    left: -8px;
    .message .newIndicator span {
    display: none;
    move the thing over and drop the contained span when display is an issue
  8. Mike

    Mike XenForo Developer Staff Member

    Fixed with a little bit of padding - the issue comes up in all cases (non-responsive) if you removed the margin on the page width. Obviously it'll still happen if you remove the padding too, so then you'd need to move the new indicator on your own too.
  9. CyberAP

    CyberAP Well-Known Member

    Padding for .pageWidth or something else?
  10. Mike

    Mike XenForo Developer Staff Member

    CyberAP likes this.

Share This Page