41

Update: As can be seen on this post and elsewhere on the site, the styling for the mod/ staff labels has been modified, and hopefully will not pop out and be as overwhelming as the original colors:

New new label designs visible next to an avatar, with colors more subdued than the original

Big thanks to Aaron Shekey and Ben Kelly for finding a great solution here.

Original announcement below.


In response to the request to Add an immediately visible indication that a user is a staff member or an employee of SE, we recently announced a new feature on per-site metas and Meta Stack Exchange (which is live as of now):

  1. Mod diamonds are replaced by the new Mod label (which includes a diamond). These labels will all start out in blue (as shown in the screenshots here), but could change color in the future to match color themes on sites if/when these are modified.
  2. Staff labels now follow the user's display name anywhere on the site where the name is shown. This includes question listings, user profile, author/modified boxes on questions and answers, comments, timeline/user history, post notices, (and many more places). The label will be Stack Overflow Orange on all sites.

Here is how it will look in the Users listing:

Screenshot of new mod/staff labels in the Users listing

And here is a sample from some comments:

Screenshot of comments with mod/staff labels

The new mod labels will not yet be included on Main sites (or anywhere on Chat or the main StackExchange.com site) where for the time being, the good old unaddorned mod diamond will live on. And there are no plans to show staff labels on Main sites aside from the profile page.

I am reposting this announcement here to serve as a collection point for feedback on this in general, as well as reports of positioning issues.

As the labels are being laid out with a new component (that is more complicated than the Unicode ♦), and as we are right now in the process of making all of our pages fully responsive, it has been difficult to get the positioning of the labels (in terms of margin between the display name, vertical positioning, padding, etc) to look "just right" in every instance across the site.

Please post any related issues as answers below. Some things may be addressable now, and some may have to wait for the related page to have its full responsive conversion completed.

24
  • 5
    Apparently there are 2 accounts called Yaakov Ellis, but they are not the same account or they would've been formatted the same. I know how that works, but why did you pick the same name twice for different accounts for a test picture?
    – Mast
    Commented Jul 28, 2021 at 18:59
  • 22
    @Mast It was a test to see if anyone was actually looking at the details of the screnshot. You win!
    – Yaakov Ellis StaffMod
    Commented Jul 28, 2021 at 19:00
  • 4
    Thank you. I'll get myself a cookie now.
    – Mast
    Commented Jul 28, 2021 at 19:01
  • 1
    Is it just me or does putting Staff and Mod feels a bit redundant? I mean, personally seeing a Mod badge correlates more with elected mods. I think Staff already gives the required information. Is it really necessary to clutter with Mod as well?
    – Tomerikoo
    Commented Jul 28, 2021 at 20:37
  • 13
    There's a very important distinction, @Tomerikoo - Staff that are also moderators have additional abilities that other staff do not have. For example, they have all of the privileges of any site and access to all of the mod tools. Regular staff accounts do not. For the most part, they are limited in the same way that any user is (though there are some exceptions). Both distinctions are important for viewers, even if they aren't necessarily aware of what they are.
    – Catija StaffMod
    Commented Jul 28, 2021 at 21:34
  • 8
    @YaakovEllis Where's the "Alumni Staff" label? ;)
    – Joe Friend
    Commented Jul 28, 2021 at 22:20
  • 2
    Couldn't we just have blue and orange diamonds, or another jewel? (Mock-up coming later, possibly in the Tavern)
    – Ollie
    Commented Jul 29, 2021 at 0:00
  • 5
    @V2Blast the new mod badge might be making its way to the main sites sometime in the future (no idea if/when). And you surmised correctly - the staff badge will not be shown everywhere on main sites like it is on meta.
    – Yaakov Ellis StaffMod
    Commented Jul 29, 2021 at 8:23
  • 2
    @YaakovEllis No! We do not want the new mod badge to be making its way to main sites anytime in the future. No one ever asked for it in the first place. You said this was all "In response to the request..." but that was a request to add a STAFF badge not a MOD badge too. The community did not ask for this. Furthermore, while this post has some upvotes (and downvotes too), keep in mind that all of Meta.SE has a "bias" because the vast majority of the participation is from network mods. What network mods want here, is not necessarily the same as what the 15 million users want. Commented Jul 29, 2021 at 19:20
  • 5
    @user1271772 the staff badge is from this request. The mod badge is part of planned theming changes in the system (though there are no definite plans at the moment to include them on main sites). They make sense to put into place together. And I do not agree that the best majority of participation here is from network mods.
    – Yaakov Ellis StaffMod
    Commented Jul 29, 2021 at 20:09
  • 5
    @user1271772 I did some number crunching; using SEDE and a trick to pull a list of all moderators on SE, I get a tally of 171,508 users that have accessed Meta.SE in the last 6 months, 469 of which are site moderators (Query). I... don't think that supports your claim about participation very well.
    – zcoop98
    Commented Jul 29, 2021 at 22:40
  • 2
    The muted colors are better… are they rolled out everywhere? If I see old bright style ones, is it a caching issue?
    – ColleenV
    Commented Aug 12, 2021 at 20:22
  • 4
    @ColleenV yes, rolled out everywhere and if you still see it, do a hard refresh.
    – Yaakov Ellis StaffMod
    Commented Aug 12, 2021 at 20:24
  • 16
    Big thanks to Aaron Shekey and Ben Kelly on the quick turnaround and great solution for the label colors that was just included in their latest Stacks release!
    – Yaakov Ellis StaffMod
    Commented Aug 12, 2021 at 20:34
  • 7
    @YaakovEllis Thank you to everyone responsible (I guess Aaron Shekey and Ben Kelly based on your question update and comment above) for the changes to the mod/staff labels appearance. For me at least, It's definitely a significant improvement compared to the original version. Commented Aug 13, 2021 at 6:14

40 Answers 40

1
2
6

The background of the Mod badge and the OP background are very close to each other. When the two boxes are adjacent, it looks like sloppy colour matching:

two faded blue boxes

2
  • Related Commented Aug 12, 2021 at 21:25
  • 1
    This has been fixed and is live. We've matched the colors of these two elements on sites where it is applicable (basically, just here on MSE, on Stack Overflow and the SO International sites).
    – Ben Kelly StaffMod
    Commented Aug 31, 2021 at 20:04
5

Because Nicholas had a rather long username, and two badges the "modified" part if the activity gets cropped, on the responsive page on mobile. There must be users with even longer names, yes I'm looking at you Shadow ;), so when they get badges the result might even be more cropping. Perhaps it is best to go to a second line in this case?

Using chrome on a huawei P20 pro (so for phones a rather large screen).

enter image description here

5

on the missing staff tag
on the badge to tag sizes, as the tag sizes themselves will be updated in the future to be more consistent here


In the duplicate closure post notice things look weird when a moderator uses mjollnir, as badges are a lot taller than the moderator icon.

enter image description here

Also Animuson's staff indicator is MIA.

5

Same as this other answer, but also applicable to deletion notices:

enter image description here

Staff badges don't show on post deletion notices, just like close notices and some timeline entries, as pointed out in other answers.

5

A specific user who's a staff member doesn't show the Staff marker in places where it's shown for other staff members

The "Staff" marks don't show on a specific user who's a staff member. It only seems to affect that particular staff member, as the marks for other staff members show up just fine.

It doesn't show on the user card on posts:

User card on posts

...neither does it show on the homepage:

Homepage

However, their profile properly shows them as being a staff member:

Staff mark shows just fine on the profile page

Is this a caching issue affecting newly-hired staff members, or those posting on Meta for the first time?

2
  • Most staff are also mods, you have example of staff without diamond with label showing properly? (My first impression is the bug affects all staff without diamond.) Commented Aug 18, 2021 at 21:25
  • Looks like this was fixed at some point. See meta.stackexchange.com/a/368745/299995. Perhaps it was a cache issue. Commented Aug 30, 2021 at 19:14
5

In the review queue, on small viewports at least, the labels collide with the username:

review bug with small viewport

1
  • This has been fixed as part of the recent review queue changes and is live. The layout of this area has been changed up quite a bit (under the hood anyways), which also fixes the reported issue.
    – Ben Kelly StaffMod
    Commented Aug 31, 2021 at 20:06
5

Text on the comments are covered by these (mobile view):

enter image description here

7
  • 1
    This is on a mobile device, right?
    – Yaakov Ellis StaffMod
    Commented Jul 29, 2021 at 8:57
  • 2
    Yes. Android. Mozilla Firefox. Commented Jul 29, 2021 at 8:58
  • 1
    @SeverusSnape if you switch to "full site" it works fine? (i.e. responsive view) Commented Jul 29, 2021 at 9:19
  • 1
    @ShadowWizardWearingMaskV2 yes, it works fine when I switch to desktop view in my phone. Commented Jul 29, 2021 at 9:24
  • @ShadowWizardHatesOmicron How can a bug with an unshipped feature still be intended to be fixed? Commented Feb 19, 2022 at 16:48
  • While the retag is probably correct, and technically a helpful edit, since it's a red tag such edits should be made by a moderator or in the case where an employee added the tag ideally the same employee should be the one to change it; just because anyone can make the edit doesn't mean that they should. CC: @YaakovEllis
    – Rob
    Commented Feb 20, 2022 at 5:39
  • The mobile views where this was happening no longer exist, and the issue is resolved in the responsive view now served to mobile devices. status-completed.
    – Yaakov Ellis StaffMod
    Commented Feb 20, 2022 at 7:58
4

In the "Communities" section of the user profile, long site names cause the mod badge to not show. For example, Yaakov is missing the badge for Meta Stack Exchange:

Screenshot showing the Communities section of Yaakov's profile

Philippe is missing the badge on Wordpress Development:

Screenshot showing the Communities section of Philippe's profile

Aaron Shekey is missing the badge on Meta Stack Exchange and Home Improvement:

Screenshot showing the Communities section of Aaron's profile

Catija is missing the badge on Meta Stack Exchange and English Language Learners:

Screenshot showing the Communities section of Catija's profile

Etc.

This makes it seem that the individuals listed only have moderator status on some sites but not others.

2

The new labels are inconsistent with one's Network Profile:

enter image description here

Can the labels please be added to network profiles as well?

2
  • 5
    The labels/badges are only shown on meta sites. To quote the linked answer: "The new mod badges will not yet be included on Main sites (or anywhere on Chat or the main StackExchange.com site) where for the time being, the good old unaddorned mod diamond will live on".
    – 41686d6564
    Commented Jul 28, 2021 at 19:35
  • 1
    The badges will hopefully make their way network-wide, to all sites (no staff badges on main sites however) some time in the future. No idea when this will happen on SE.com, so for now this is declined.
    – Yaakov Ellis StaffMod
    Commented Jul 29, 2021 at 8:46
1

In the review page, the recently reviewed user's details are available against each review type.

Hover on the user card, the "Staff" and "Mod" labels are not aligned with the user's name.

Screenshot for reference:

screenshot

1
2

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .