Finally had a chance to do some more work on this
There is already a way to do this “properly” using the i18n features in Discourse - you shouldn’t need a CSS hack. Just go to the admin panel --> customise --> text content, then type whos_online and you should see the various language strings you can override. Also if you do it this way, you won’t lose the numeric counter!
These are great, I love the mouseover animations. This is now implemented in the plugin itself, and there’s a “collapse threshold”. So if the number of users goes over a certain value, they all slide on top of each other. The default is set to 10 users.
@meglio out of your long list, 2, 4 & 7 were implemented before you posted. 8 is controlled by Discourse (on mobile opens profile page, on desktop opens popup user card)
There is now a setting for maximum_display (default 50). Over this value new avatars are not displayed, but still contribute to the numeric counter.
3 and 5 I would like to get around to at some point
The plugin now displays this if there are 0 users online.
If you want this, just set the “js.whos_online.no_users” language string to an empty string, it’ll disappear.
The threshold for displaying this string instead of the list is configurable (“minimum display”), so if you want you can hide it for < 5 users or similar.
You will probably need to be on the latest master version of discourse before you update, as I may have used some ember 2.10 features. I will update the top post to reflect the changes.