Bugs
Avatar Themes CSS styles not okay for long usernames
Submitted 4Â years, 1Â month ago by
NebuchadnezzarHS
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]/
Leave a Comment
You must be signed in to leave a comment. Sign in here.
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]/
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 Games
Follow me on Twitch and Twitter.
If you are planning on playing WoW on US realms, consider using my recruit link =)
You are welcome! 🎃