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.

Improve this question
9
  • To the first point: Background in OP's user name can obscure text in multiline comments
    – Tim Stone
    Commented Oct 15, 2013 at 22:53
  • 2
    Not quite an issue on IE 10.0.9200 on Win RT.
    – michaelb958--GoFundMonica
    Commented Oct 15, 2013 at 22:56
  • 4
    +1 For the hand drawn circle and also because I was the victim of that comment's link.
    – Travis J
    Commented Oct 15, 2013 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
    Commented Oct 15, 2013 at 23:11
  • @TravisJ: That works (but I'm also out of comment votes for the day).
    – Jamal
    Commented Oct 15, 2013 at 23:15
  • 4
    Haha, that's me :D
    – Anthimos Kouroutsidis
    Commented Oct 15, 2013 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
    Commented Oct 16, 2013 at 1:06
  • @michaelb958 WHY IE?
    – Cole Tobin
    Commented Oct 16, 2013 at 4:10
  • 1
    @ColeJohnson Because Surface RT (i.e. crippled).
    – michaelb958--GoFundMonica
    Commented Oct 16, 2013 at 4:18

2 Answers 2

Reset to default
5

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;

Improve this answer
2
  • Would using z-index not solve the problem?
    – Anthimos Kouroutsidis
    Commented Oct 16, 2013 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
    Commented Oct 16, 2013 at 2:06
2

Problem is solved since The Great Split :)

enter image description here

Improve this answer

You must log in to answer this question.

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