Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 157 Stack Exchange communities.

What is meta?
Here's how it works:
  1. Any Stack Exchange user can ask a question
  2. The community provides support, votes on ideas, and reports bugs
  3. Your voice helps shape the way Stack Exchange operates

I've noticed that the dotted line (when hovering over a chat message) is 'broken' by the white background of the timestamp div.

styling issue in chat

So I tried to figure out what was causing this and I thought I had a fix. Add: top: 1px; to .monologue .timestamp and change div.message .meta { right: 3px; } to div.message .meta { right: 1px; }. Which seemed to work at first glance. So I logged in to SO using IE9 and that also fixed the issue there. So to be sure I booted up FF9 and went to chat without logging in only to find out that the issue is even 'messier' when you aren't logged in:

styling issue in chat when not logged in

So my first fix wouldn't be a real solution since the timestamp is just getting hidden by placing a background over it. But I still think we can add the:

.monologue .timestamp { top: 1px; }

This way the space above the timestamp div will be the same as the space of the right of the the timestamp div (7px). I know this sound like 'pixel fucking' and it is :-), but why not fix it while fixing the real issue. To resolve the real issue why not just set display: none or visibility: hidden on the timestamp div when hovering over a message on chat (instead of hiding it behind a background)?

share|improve this question

You must log in to answer this question.

Browse other questions tagged .