How to tell the difference between Admin & Moderator from Staff list?

AI 生成的摘要

jomaxro pointed out that the current staff list design makes it difficult to distinguish between Admins and Moderators without hovering over the icons. They proposed two solutions: vertically aligning the badges with Moderators on the left and Admins on the right, or using different colors for the badges. DeanMarkTaylor suggested a simple CSS styling fix to change the color of the Admin shields, making them stand out from Moderators.

Seems like a minor issue, but looking at the staff list one cannot tell who is an admin and who is a moderator without mousing over the icons. Take a look at the image below, can you tell who is who?


In case you were wondering, from top down, we have an Admin, then a Moderator, followed by another Admin, and finally the last users is both an Admin and a Moderator. I would suggest a better way of differentiating the two types of staff, without the need to mouseover the icons. No idea how to create a mockup, but I have two ideas. One would be to vertically align the corresponding badges, so Moderators are on the left and Admin are on the right. That would allow for a quick glance without the need for a new column. My other idea would be to color the badges differently. I have no preference on colors, as long as it was clear which was which.

2 个赞

Although it’s not pretty you could style the admin shields like so:

i.fa.fa-shield[title="Discourse Admin"]:before {
    color: #F7D000;
}
1 个赞