StylishThemes / Quora-Dark

:school: Dark Quora
https://github.com/StylishThemes/Quora-Dark/raw/master/quora-dark.user.css
Other
83 stars 15 forks source link

spaces on the main tab turn white background when hovered #42

Closed wsor4035 closed 4 years ago

wsor4035 commented 4 years ago

issue: on your main quora home page, when hovering over one of your spaces, the background turns white(see image), and doesn't allow you to see the text.

the-j0k3r commented 4 years ago

Cant fix this, between the dynamic generated css that will break when quora next updates their site and terrible inline styles I cant find anything that will get to this.

@AfroThundr3007730 @vednoc for ideas?

the-j0k3r commented 4 years ago

Theres this too generic selector that seems to work, its not the best way to tackle this though.

  a.q-box.qu-hover--textDecoration--none div:hover {
    color: #333;
  }
  a.q-box.qu-hover--textDecoration--none div div:hover {
    color: #eee;
  }
the-j0k3r commented 4 years ago

Im adding the so called fix above, further feedback may change that commit, however will leave this open as a reminder to me for now.

vednoc commented 4 years ago

Hey @the-j0k3r, I don't use Quora so that menu is unavailable to me. I could have a look if provide me with an example page/snippet.

the-j0k3r commented 4 years ago

, I don't use Quora

Makes two of us, I still wonder how I got dragged into this =)

I could have a look if provide me with an example page/snippet.

Very kind, thx. Looks like,,, (the whole page)

https://gist.github.com/the-j0k3r/b39ede3c8835eba9b87e18556777e7a0

vednoc commented 4 years ago

Seems like they're applying that background via JS because I can't get it to show with hover/active events. I have to assume it's a "good enough" fix for now since this is as far as I can go without making an account.

Have you tried replacing the white background entirely, or are they applying an inline style with !important on it?

the-j0k3r commented 4 years ago

Have you tried replacing the white background entirely, or are they applying an inline style with !important on it?

This is not a background color, its a color except the selector it applies to is (from default stylesheet verbatim): To clarify applying a bg color here does nada

.bwxTix:hover {
    color: rgb(228, 230, 230);
}

This selector looks dynamic when they regenerate their source, I could be mislead by the name, but they do have many such selectors that have broken in the past. this one being something that use to work and now it broke.

vednoc commented 4 years ago

Oh, I see! I was confused because the screenshot had a white background and the linked commit only fixed the text color. 😄

the-j0k3r commented 4 years ago

You are confused? Im still wondering why a color property (not background related) afects a background, so yes Im also confused.