Welcome to Codidact Meta!
Codidact Meta is the meta-discussion site for the Codidact community network and the Codidact software. Whether you have bug reports or feature requests, support questions or rule discussions that touch the whole network – this is the site for you.
Avatar alt text does not fit in avatar available space
On a slow connection the user avatar may not immediately be available. When it has not yet finished loading there is placeholder text displayed instead (the alt text for the image). However, at the specified font size this does not fit into the space allocated for the avatar, resulting in it overflowing into the Categories bar (screenshot from mobile):
This is rare to see unless the connection is very slow (I saw this while travelling by train with very low / intermittent mobile signal).
I don't know the best way to deal with this (or if it even needs dealing with), but the ideas that come to mind are:
- Decrease the font size so that the word "avatar" no longer needs to wrap mid-word
- Make the alt text a single letter (perhaps the first letter of the username) and increase the font size so that the letter fills most of the space allocated for the avatar, like a substitute avatar. Even if the real avatar contains transparency, the letter will not show through as the browser will remove the alt text once the image becomes available