31

When you have <= 5 votes left in a day, there's a mini-dialog that pops up informing you of this fact. There's a button on the end of it that lets you close it early, before it automatically closes. This button is usually centered vertically in the box, but today it's broken:

enter image description here

The same is apparently true for a number of similar popups, such as "you can't vote for your own post":

enter image description here

And others, like flagging, etc.

6
  • I think it looks better now...
    – JonH
    Dec 14, 2015 at 19:24
  • @JonH Nope, still getting the same thing.
    – ArtOfCode
    Dec 14, 2015 at 19:25
  • 2
    I don't think you understand what I meant...I think the position looks actually better now than the "correct" way...
    – JonH
    Dec 14, 2015 at 19:26
  • 2
    Oh. Can't say I agree, but each to their own.
    – ArtOfCode
    Dec 14, 2015 at 19:28
  • It's positioned wrong for me too
    – Keith M
    Dec 14, 2015 at 19:47
  • Same for the "Your vote has been recorded" popup
    – jmoerdyk
    Dec 14, 2015 at 20:06

2 Answers 2

6

It looks like the current style sheet for the error / warning / info message close buttons has a typo: instead of margin-top: 11px, it just says margin-top: 11 without any units, which is not valid CSS. (Thanks to Sam for spotting this!)

Here's a quick CSS kluge to fix this issue:

.message.message-error .message-close,
.message.message-warning .message-close,
.message.message-config .message-close,
.message.message-info .message-close {
     margin-top: 11px;
}

Of course, the proper fix is to just add the px units back where they belong.


ps. An easy way to test this is to type 15 spaces into the comment box below any post and press enter; the UI will let you submit the comment, but the server will strip the spaces and reject it, resulting in a "Comments must be at least 15 characters in length." error box that persists until you click it away.

3
  • 1
    It looks like they just have a bug, .message.message-error .message-close: 11;. I'd also recommend SE update .message.message-error .message-text to have more padding-right.
    – Sam
    Dec 14, 2015 at 20:24
  • @Sam: Good catch! I just looked at the buttons in the DOM inspector, which ignored the broken rule, instead of viewing the style sheet directly. Edited. Dec 14, 2015 at 20:34
  • Good catch. Will push a fix soon. Dec 15, 2015 at 14:38
2

This should be fixed now, it will be live after our next production build.

You must log in to answer this question.

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