Might be worth reporting this to XenForo

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

  1. GTB

    GTB Regular Member

    Joined:
    Jun 30, 2009
    Messages:
    1,792
    Likes Received:
    270
    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

    Joined:
    Jul 4, 2013
    Messages:
    253
    Likes Received:
    42
    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

    Joined:
    Jun 1, 2012
    Messages:
    24
    Likes Received:
    51
    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

    Joined:
    Jun 30, 2009
    Messages:
    1,792
    Likes Received:
    270
    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

    Joined:
    Jun 1, 2012
    Messages:
    24
    Likes Received:
    51
    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

    Joined:
    Jun 30, 2009
    Messages:
    1,792
    Likes Received:
    270
    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

    Joined:
    Nov 20, 2010
    Messages:
    51
    Likes Received:
    24
    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

    Joined:
    Feb 1, 2010
    Messages:
    1,616
    Likes Received:
    692
    Location:
    Joliet, IL U.S.A.
    First Name:
    Bob
    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

    Joined:
    Jun 1, 2012
    Messages:
    24
    Likes Received:
    51
    I presume he means this:
    upload_2014-3-3_9-10-6.png

    The breadcrumb is in the nav bar.
     
  10. AWS

    AWS Administrator

    Joined:
    Feb 1, 2010
    Messages:
    1,616
    Likes Received:
    692
    Location:
    Joliet, IL U.S.A.
    First Name:
    Bob
    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