Might be worth reporting this to XenForo

Discussion in 'Admin Talk Support & Feedback' started by GTB, Mar 2, 2014.

  1. GTB

    GTB Regular Member

    1,791
    270
    762
    Not sure if you'd class this as a style glitch, but you have a member here using a long name with no spaces in it, which I think is stopping his name from being wrapped onto a new line as being too long (no spaces stopping wrapping). Because of it part of the name gets cut-off and even overlaps the avatar a bit.

    Snap1.jpg
     
  2. Mark.B

    Mark.B Regular Member

    253
    42
    364
    I would argue that's possibly working as designed. Would you really want it to wrap? Better to have it truncated.
     
  3. Brogan

    Brogan Regular Member

    24
    51
    74
    The overflow hidden is indeed as designed.
    upload_2014-3-2_23-53-0.png

    The issue with the avatar is related to whichever add-on that is - that's not default functionality.
    There is only 1px of right margin, it needs to be increased to provide more separation.
     
  4. GTB

    GTB Regular Member

    1,791
    270
    762
    margin-right: 1px

    I inspected the element and changed it to 2 and 4px, it makes the username break onto a new line below the avatar, rather than pushing the avatar to the left keeping it inline and creating 4px spacing between username

    Snap1.jpg
     
    Last edited: Mar 2, 2014
  5. Brogan

    Brogan Regular Member

    24
    51
    74
    That's because of the hard coded left margin for the dt element.
    upload_2014-3-3_0-20-18.png

    Increasing that accordingly resolves that.
     
  6. GTB

    GTB Regular Member

    1,791
    270
    762
    Right, but think we're both looking at different styles here. Not that it matters, but I was looking at the old blue one Brandon used before the new one was added. Which I think was just a re-colour of the default XF theme.

    Might be worth removing that banner logo in header on right side as well. When you minimize the theme that banner breaks onto a new line and messes things up for responsive mobile viewing. Do it and look what happens, you have "nav arrows" (old theme) were they shouldn't be. Because you have a large logo on left and large banner on right clashing
     
    Last edited: Mar 2, 2014
  7. Russ

    Russ Regular Member

    51
    24
    64
    If you're going to increase font size, add extra elements to the area there you'll want to increase the width of it.
     
  8. AWS

    AWS Administrator Admin Talk Staff

    1,616
    693
    818
    I don't see the problem Gary. Maybe it has to do with it not working correctly with smaller devices.
     
  9. Brogan

    Brogan Regular Member

    24
    51
    74
    I presume he means this:
    upload_2014-3-3_9-10-6.png

    The breadcrumb is in the nav bar.
     
  10. AWS

    AWS Administrator Admin Talk Staff

    1,616
    693
    818
    Ahh I see.

    Gary I haven't done anything to the old style. I plan to retire it. I just haven't shut it off yet.
     

Share This Page