16

I see that "related" and "linked" posts section (on the right side) shows score/vote count adjacent to each post's title. To be consistent with vote count display in other areas of the site, I suggest that the 'vote count' box should be filled with a different color to indicate if that post has an accepted answer.

Here is the current display of "related" section:

enter image description here

Tooltip text earlier was: 3 votes, with an accepted answer. Now there is no indication whatsoever.

For cross reference, here is how 'vote count' box is displayed under "Questions that may already have your answer" section:

enter image description here

4
  • 7
    +1 that would be really useful Mar 20, 2013 at 7:31
  • @Laura sure I understand. However, instead of green fill/shade please try changing the text color. A slightest difference would suffice. Mar 20, 2013 at 14:07
  • @Laura - So this was status completed in that the accepted answer indication was completely removed? Please at least return the "with an accepted answer" tooltip (or conversely "without an accepted answer"). It doesn't have to mention anything about the vote count.
    – Travis J
    Oct 17, 2013 at 17:31

3 Answers 3

4
+25

Some of the Stack Exchange sites, such as Server Fault and Programmers, do provide an indication if questions have an accepted answer (screenshot below).

Related section on Server Fault

The CSS class .answered-accepted, responsible to display this marker, is also present in the CSS of Meta Stack Overflow but currently it is not used.

.answered-accepted {
   background: #737967;
}

can be changed to:

.answered-accepted {
   border: 2px dotted #3D5509 !important;
}

I believe this indication of accepted answer will not be too overpowering / distracting and will also serve the purpose.

Update: This request is now complete. Following CSS was added on MSE, which gives a greenish background to the scores box to show that the post contains an accepted answers.

.answered-accepted {
  background: #e4f9d3 !important;
}
3

Since we already use .answered-accepted class for accepted questions, we just need to add the following style on that class:

.answered-accepted {
   background: #5B9058 !important;
   color: #fbfabd !important;
}

instead of:

.answered-accepted {
   background: #737967;
   color: #fbfabd;
}

This will look like this:

enter image description here

1

I feel like perhaps add a :hover CSS style with green shading would be good. I just tried looking at related questions and it is frustrating waiting for the tooltip (even though it isn't that long) to know whether or not there is an accepted answer.

If the user's cursor is hovering over the link, it means his attention is there anyways. Perhaps that can be a medium between the two? It wouldn't be distracting when users are normally browsing the site and it would be nice because then they could simply glide their cursor over the Related questions and see which ones turn up as green or have some green shading to the vote count.

You must log in to answer this question.

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