Jump to content

Minor CSS bug fix


vtk

Recommended Posts

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

.

quotedatebug-1819.png.0c2a422d9d69b3563086ee661a29a69b.png

Maggie David (she or they, birthday June 4)

 

Link to comment
Share on other sites

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

Hi! I'm Lumi, host of Reisen, Tewi, Flandre and Lucilyn.

Everyone deserves to love and be loved. It's human nature.

My tulpas and I have a Q&A thread, which was the first (and largest) of its kind. Feel free to ask us about tulpamancy stuff there.

Link to comment
Share on other sites

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!

Spoiler

An image in a signature behind a hidden tag! 

image.png.4b4fd4a211261c307de1fb4de85312d6.png

 

Link to comment
Share on other sites

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

Maggie David (she or they, birthday June 4)

 

Link to comment
Share on other sites

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

Spoiler

An image in a signature behind a hidden tag! 

image.png.4b4fd4a211261c307de1fb4de85312d6.png

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...