52

It seems that CSS style of Stack Exchange changed again? Now the inline tag edit button for a post consistently shows up, even if you don't hover your mouse over that position. Am I the only one who see this distracting?

Since the inline tag editing is a privilege unlocked at 10k reputation, not all users would observe this. Here is the screenshot for it. I would insert some horizontal rule to separate those pictures otherwise there are so many "Edit" / "edit".

On main site, I see:

--------------------------------------------

--------------------------------------------

On meta site, I see:

--------------------------------------------

Update

Thanks to Tim Post:

We do want to make sure 10k users know they have access to it (we're figuring out a lot of people don't learn about privileges as we explore teams). But, we also need to make sure 10k users know it is an inline editor just for tags that won't load the full editor and cause you to navigate to another page, and it needs to be clearly differentiated from 'edit'. They're in the middle of getting all that worked out, sorry about the dust I don't think it was intended for this to show up so early, but we'll get it worked out.

Right now this "Edit" is so prominent that it attracts me (maybe others as well) to click it. Or perhaps, how about relocating tags on the top of the question, right under the title? So the tag edit is on the top and the body edit is on the bottom? Perhaps it would be good as well to include title editing as part of inline editing?

23
  • 7
    Hmm. I remember that not being there as prominently...
    – Makoto
    Sep 12, 2018 at 16:05
  • 7
    @Makoto On meta site it looks OK, as it has a red colour in contrast to the tag. But on the main site they are all black / gray. I was initially wondering: "What? This question is using a tag: edit"?
    – Zheyuan Li
    Sep 12, 2018 at 16:08
  • 59
    I'm also not a big fan of it being shortened to only "Edit"... Now there's two links on the question that both just say edit...
    – animuson StaffMod
    Sep 12, 2018 at 16:15
  • 2
    Can you add an image? I'm not sure what you're referring to by "inline tag edit button" Sep 12, 2018 at 16:28
  • 2
    @osdavison It's a 10k priv. See the last section here stackoverflow.com/help/privileges/moderator-tools Sep 12, 2018 at 16:29
  • 5
    Note that if the request times out (upon clicking), the loading animation does ... interesting things. I'm almost positive this wasn't intentional. We're looking at it.
    – user50049
    Sep 12, 2018 at 16:31
  • 1
    The At least one tag is required. message now always shows too, afaik that used to only show if you removed all tags.
    – Erik A
    Sep 12, 2018 at 16:34
  • 7
    This used to be hidden until you hovered the tags.
    – user4639281
    Sep 12, 2018 at 18:43
  • 2
    This topic on Meta.SE: No more hovering to edit tags above 10k!. Sep 12, 2018 at 19:40
  • 7
    For those who have installed my ReduceClutter userscript, I have just pushed a change to display the Edit link only on mouseover. Sep 13, 2018 at 0:23
  • 2
    ^ "reducing clutter" being the entire reason it was made that way to begin with. I guess the designers revisited that design decision recently.
    – BoltClock
    Sep 13, 2018 at 11:44
  • 1
    @Tanner I stressed that as a major point of confusion surrounding how this change appeared. The eventual goal is to reduce clutter and make sure folks know what features they can use (I know that sounds lofty!) Designers are meeting now to work out how to advertise the feature and its nuances while also staying consistent with everything else.
    – user50049
    Sep 13, 2018 at 13:59
  • 1
    @Tanner I reopened your post and left a comment, I think it still stands pending however we end up styling the link to make it more clear what it actually does (along with what it's for).
    – user50049
    Sep 13, 2018 at 14:08
  • 3
    @TimPost It's definitely confusing. Already three times, today, I clicked the wrong edit link. At least caption it "edit tags", please? Sep 13, 2018 at 16:28
  • 4
    @TylerH: Also has strong "change for the sake of change" vibes to me
    – BoltClock
    Sep 14, 2018 at 5:37

3 Answers 3

9

Adding here because I think it deserves an answer: Samuel Liew's script changes it to only appear on mouse-over event, like this:

enter image description here

I installed it with tampermonkey in approximately 2 seconds by visiting this link, and it worked perfectly

https://github.com/samliew/SO-mod-userscripts/raw/master/ReduceClutter.user.js

And, you can too! Thanks to Samuel, whining on meta about this trivial design change is entirely optional.

1
  • Can you update your animation to reflect the new name?
    – Cœur
    Sep 15, 2018 at 14:45
4

I might be alone here, but the hiding was distracting sometimes for me.
Some questions which use 5 really long tags made the tags relocate when you hovered over them just to show the edit button, and that was pretty annoying.

Overall, I find this as a good change.


Maybe this is , but I read "edit tags" rather than "edit":

enter image description here

1
  • I disapprove the "Overall, I find this as a good change." for when it was named "Edit" only: clearly it was confusing to have 2 different actions with the same label. I approve the status-completed remark of your post regarding the renaming to "Edit tags".
    – Cœur
    Sep 15, 2018 at 14:39
4

Thanks for your feedback. As we made some changes to the inline tag editor for Stack Overflow for Teams, we thought that showing this edit button globally on network sites would also be beneficial to those users who have unlocked this privilege.

We've updated the copy from "Edit" to "Edit tags" on public sites since it was being confused for the edit post button. Although the capitalization and color of the "Edit tags" button is inconsistent with some other links on the page, we've decided not to change it for the following reasons:

  1. Capitalizing the first letter follows our copy guideline of sentence casing. In cases where we haven’t followed this in the past, we update them as we come across them.

  2. Links match site themes, which is also a best practice for us.

You brought up some interesting ideas about relocating the tags under the title and making the title editable inline. I'll be relaying this to the team.

Thanks again for your report.

2
  • Matching the themes is good but some themes links are in bold which is not a good match in this case. See the Japanese Language site, for example: i.stack.imgur.com/Vgia7.png The color is one thing, the weighting probably not necessary here.
    – Catija
    Sep 19, 2018 at 14:53
  • @Catija thanks for catching that. Going to push a fix for the weighting.
    – jisoo shin
    Sep 19, 2018 at 20:06

You must log in to answer this question.

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