help menu for doc make the whole page blur

[Kerollmops]

When pressing ? the whole page is blur, a little error in the css I supposed

[onur]

Thanks for reporting.

But I am not sure when this occurs, can you give a link?

[Kerollmops]

go on this page https://docs.rs/keen/1.2.0/keen/ and press the key ?

[onur]

woah thanks for reporting, I have an addon replacing ? content thats why I've never seen it. Let me investigate what is causing this blur.

[Kerollmops]

What is this addon ? 😄 And what is it for ?

[onur]

Ahh it's nothing related with rust. VimFx was replacing help content for me.

This issue is caused by this CSS rules defined in rustdoc.css:

body.blur > :not(#help) {
    filter: blur(8px);
    -webkit-filter: blur(8px);
    opacity: .7;
}

It is adding a blur filter to every child element of body.blur except #help child. Problem is, help is placed inside body.blur > div.rustdoc > #help in docs.rs. I don't know how to override this, I hope someone can help.

[Kerollmops]

Why not using -Z unstable-options --extend-css dark.css.

https://blog.guillaume-gomez.fr/articles/2016-09-16+Generating+doc+with+rustdoc+and+a+custom+theme

[onur]

Well actually docs.rs is not just extending css. It is adding some navigation and moving rustdoc content to div.rustdoc. You can see it in rustdoc.hbs. I don't think --extend-css will make any difference.

[Kerollmops]

Can we just erase this rule:

body.blur > :not(#help) {
    filter: blur(8px);
    -webkit-filter: blur(8px);
    opacity: .7;
}

by this one:

div.rustdoc.blur > :not(#help) {
    filter: blur(8px);
    -webkit-filter: blur(8px);
    opacity: .7;
}

and erase the previous rule: http://stackoverflow.com/questions/15901030/reset-remove-css-styles-for-element-only

This is ugly, no ?

[Kerollmops]

In fact that's the javascript script !
It touch the DOM and add the .blur class to the body element.

[onur]

@Kerollmops your rule worked with a little bit workaround, thanks again!

[Kerollmops]

Great 👍