Remove Ads - Go Premium

Avatar Themes CSS styles not okay for long usernames

Resolved
  • NebuchadnezzarHS's Avatar 715 211 Posts Joined 06/14/2019
    Posted 1 month ago

    Hi, I just wanted to point out that the CSS style used for the Avatar Theme is not okay when the username is long.

    Currently, it is set to "left: -2px;" but it should be "left: 50%; margin-left: -92.5px;" instead. Just saying 😅

    https://css-tricks.com/forums/topic/horizontal-centering-of-an-absolute-element/

    EDIT: Forgot to mention that it occurs on the member page like https://outof.cards/members/[USERNAME]/

    🎃 YOU ARE NOT PREPARED!  ⚔️

    0
  • Fluxflashor's Avatar Administrator Serra Angel 1175 1693 Posts Joined 10/19/2018
    Posted 1 month ago

    In this case, the better way of doing it is:

    left: 50%;
    transform: translate(-50%);

    It was prior understanding these boxes were fixed width and name text was supposed to make itself smaller if it would go out of bounds. Regardless, I should have used better CSS to begin with.

    Thanks for the report!

     

    Founder, Out of Cards

    Follow me on Twitch and Twitter.
    If you are planning on playing WoW on US realms, consider using my recruit link =)

    1
  • NebuchadnezzarHS's Avatar 715 211 Posts Joined 06/14/2019
    Posted 1 month ago

    You are welcome! 🎃

    🎃 YOU ARE NOT PREPARED!  ⚔️

    0
  • Leave a Comment

    You must be signed in to leave a comment. Sign in here.

    Remove Ads - Go Premium