35

In this comment, there is a clickable link (the word here); however, because of the distance between the word and the dotted underline, it is actually covered by the grey box surrounding the author's name. The underline is really the only visual cue we have that it is a link, because there is no color difference between normal text and hyperlinks on meta.

enter image description here

In this case, this is just bad luck, and it doesn't happen that often, but it caused some confusion as you can see from the subsequent comments. Can we fix this such that either (or both):

  • the line-height or padding is adjusted so the underline is always visible
  • the color for links is changed so that they are more obvious (I've also asked for this on dba.se, but not action yet)

P.S. if you don't see the word "here" circled in red in the image above, please click here and then hit Ctrl+Refresh. There is some caching issue with the image that leads to a lower-quality and degraded sample.

  • 2
  • 4
    +1 For the hand drawn circle and also because I was the victim of that comment's link. – Travis J Oct 15 '13 at 23:07
  • 3
    I am not very sure how much the line height or padding of the name can be adjusted. To see the full overlap of the link in question, navigate to the question with that comment, and in the URL type javascript: then paste $('.comment-copy').eq(1).css({zIndex:1,position:'relative'}); and you will see the overlap with the link's underline. – Travis J Oct 15 '13 at 23:11
  • @TravisJ: That works (but I'm also out of comment votes for the day). – Jamal Oct 15 '13 at 23:15
  • 4
    Haha, that's me :D – Anthimos Kouroutsidis Oct 15 '13 at 23:21
  • Tis fine on Debian 7 (wheezy) Iceweasel 17.0.9. Can see the underline as with @michaelb958's link. It is close but still visible. and defo +1 for freehand text, circle AND a made up word! ;) – James Oct 16 '13 at 1:06
  • @michaelb958 WHY IE? – Cole Johnson Oct 16 '13 at 4:10
  • 1
    @ColeJohnson Because Surface RT (i.e. crippled). – michaelb958 Oct 16 '13 at 4:18
4

I think @Aaron Bertrand is correct in that the padding of the name can be changed to fix this.

An edit can be made to the existing rule. The top padding could be set to 0 from this rule, saving two characters of space ("px").

a.comment-user.owner {
 padding: 0 5px 2px 5px;
}

It is currently padding: 2px 5px 2px 5px;

  • Would using z-index not solve the problem? – Anthimos Kouroutsidis Oct 16 '13 at 0:57
  • @AnthimosKouroutsidis - The suggestion to use the z-index would also be a solution, however it would require a new rule and I know they are very strict about the amount of css they use. – Travis J Oct 16 '13 at 2:06
1

Problem is solved since The Great Split :)

enter image description here

You must log in to answer this question.

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