Minor CSS bug fix

[vtk]

I have noticed in new posts since the forum upgrade, quotes in replies sometimes have messed-up date displays. Like, where it's supposed to say something like "(8 hours ago)" it actually comes out looking like "()8 hours ago". See attachment. (Edit: this apparently affects the Dark and Light themes.)

 

On investigating, I found this is because, while the element containing the whole date gets (and is supposed to get) the style "float: right", it also contains an inner element around the "8 hours ago" text so that it can have hover-text, and that inner element also gets the style "float: right" which is what makes it get a weird layout on the screen.

 

I found the following in the CSS for the site:

blockquote cite span {
float: right;
font-weight: normal;
}

 

These two rules are applied to any inside any inside any

, including a in a in a in a

, which is not what we want here. What we want is to only apply these rules to a which is a direct subelement of a in a

, so it won't also apply to a within a in a in a

. To do this, we need only make a slight change to the selector in the CSS:

blockquote cite > span {
float: right;
font-weight: normal;
}

 

This probably won't break anything, unless there is somewhere an instance of a that should get the "float: right" style and is a subelement of some element other than which is in a in a

.

[Luminesce]

Yeah, I immediately noticed this too and brought it up, but I sure didn't know why it happened or how to fix it.

[Pleeb]

Yeah, I immediately noticed this too and brought it up, but I sure didn't know why it happened or how to fix it.

 

Test

 

EDIT: Thanks for finding that bug.... Fixed!

[vtk]

Now that I'm looking at this on my phone again, I'm reminded that the mobile theme also appears to be affected

[Pleeb]

Whoops I'll fix that too later today- I just noticed on my phone as well

[jean-luc]

Now I see it as

 

(, 07:00 AM)Yesterday

 

(on mobile theme)

[Pleeb]

Should be fixed now.