8

I noticed a little (very minor) flaw when hovering over the left-hand side buttons for up-/downvote, bookmark and activity found next to every question and answer.

The Problem

The popover-tooltips of these buttons all vertically line up just fine - except for the last one. The "button" for "Show activity on this post" has a smaller width, resulting in the tooltip being displayed closer to this one "button" than the other ones.

enter image description here

Or, alternatively, a direct comparison between the tooltips and the one above it in one picture:

enter image description here

This is a very minor visual design flaw, but it's noticeable. I tested this in current versions of Firefox and Chromium.

Reason

In the above paragraph, I put "button" in quotation marks, because the "button" for "Show activity on this post" actually is an anchor (a) and not a button (button) like the other ones. This is semantically correct use of HTML, as a button should trigger some action on the loaded page and an anchor should instead "navigate" somewhere (another page or area of a page). But as a result, the width of this element (the anchor) differs from the width of the buttons above. It's tooltip is therefor out of line with the other ones.

Possible solution

Adding the CSS property width: 100%; to the anchor (<a class="js-post-issue grid--cell s-btn...) solves this, but I am not sure whether specifying width for an anchor is good style. Maybe there's a better solution.

PS: I hope this way of reporting such things is okay, I relied on this question from 8 years ago.

6
  • The gif moves too fast, it's impossible to see the problem. Please post still screenshots instead. Aug 10, 2020 at 12:55
  • 3
    I think it's hard to see the difference on still screenshots, so i made another, slower, more to-the-point GIF.
    – bkis
    Aug 10, 2020 at 13:06
  • I pushed my GIMP skills to the limit and also created a still image with the two tooltips displayed at once ;)
    – bkis
    Aug 10, 2020 at 13:11
  • Cheers, now it's bright and clear. ;-) Aug 10, 2020 at 15:26
  • It's also awful if the post has a really high score; the first four (if you have view vote totals privileges) tooltips are straight and aligned, but the last one leaps right in.
    – Ollie
    Sep 3, 2020 at 22:09
  • I never noticed this but now I can't unsee it :D.
    – 10 Rep
    Sep 3, 2020 at 23:47

0

You must log in to answer this question.

Browse other questions tagged .