10

Something changed and now the mod-tags on meta look weird.

Fix it?

Buggy tags

  • 1
    It's the a.post-tag, span.post-tag's CSS. position: relative, to be exact. – Frank May 16 '15 at 3:32
  • Look weird for me too. – shanodin May 16 '15 at 6:09
  • Huh, I noticed it too, I just assumed it was [status-by-design]. Didn't we raise an issue after the major CSS update that mod-tags were hard to read? – Robotnik May 16 '15 at 12:39
  • should point out it's the same with the Regular Tags, when you hover over them they fill with gray but there is that little white bit in the front which looks kinda off. with the Mod Tags when you hover over them they fill with red so it looks ok at that point. when you hover over one of the required tags (the grey ones) they only gain a shadow, no change in color. i assume that maybe this was oversight in the design? thinking that because the required tags look perfect so too would every other tag – Memor-X May 18 '15 at 2:55
  • I am also tempted to edit this in but not sure if it's that urgent for the OP to have it fixed to warrent the clip's use – Memor-X May 18 '15 at 2:57
3

Arqade no longer has tags that look like the bullets in the question's screenshot, and the red/mod tags style has been tweaked so the border around the tags is less thick and bold, eg:

This happened as part of the Stack Exchange Network-wide standardised site design rollout:

...there are several things that will now be standardized to follow the look and feel on Stack Overflow...

Standardized items will include:

  • Navigation
  • Fonts
  • Buttons/Icons
  • Tags
  • Newsletter ads

Arqade's site design rollout was announced/discussed here.

  • Bullets? I thought they were batteries. – Dragonrage Mar 5 at 3:39
  • Well, 'Bullet casings' is a probably more accurate description than just 'bullets' but yeah, I'm pretty sure I recall reading somewhere that's what they were supposed to be, but I could be completely wrong on that front! – Robotnik Mar 5 at 5:15
1

If we're looking for consistency with the other tags, the mod tags have the background color of: #ffecec

.post-tag.moderator-tag {
  color: #c2787a;
  background-color: #ffecec;
}

The ::before is where the issue lies:

a.moderator-tag:before, span.moderator-tag:before {
  background-color: #ad150d; <-- this Red - should match above #ffecec;
  border-color: #ad150d;  
}

Produces:

enter image description here

You must log in to answer this question.

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