Version warning banner not showing up

[RemDelaporteMathurin]

I'm reopening this as discussed in #7809

Details

• Read the Docs project URL: https://festim.readthedocs.io/en/fenicsx
• Read the Docs username (if applicable): https://readthedocs.org/profiles/RemiTheWarrior/

Expected Result

On our generated docs we expect to see the version warning banner appearing for old version or non-stable versions.

Actual Result

The banners don't appear.

We also see the problem in https://h-transport-materials.readthedocs.io/en/latest/

[miroi]

I think I have similar issue, maybe it is the same: the theme is not showing up in the RTD generated documentation .

This is how it should be https://diracprogram.org/doc/master/

And this is RTD, no theme https://diracprogram-documentation.readthedocs.io/en/latest/ ( from https://readthedocs.org/projects/diracprogram-documentation/builds/26681172/ )

There is no warning in the log concerning the sphinx_rdt_theme, https://readthedocs.org/api/v2/build/26681172.txt .

Please help, what can be wrong ?

[stsewd]

@miroi

This is how it should be https://diracprogram.org/doc/master/

https://diracprogram.org/doc/master/ isn't being served by RTD, so the version warning and other integrations won't work, they work only on projects hosted on RTD.

And this is RTD, no theme https://diracprogram-documentation.readthedocs.io/en/latest/ ( from https://readthedocs.org/projects/diracprogram-documentation/builds/26681172/ )

If you see the resulted html view-source:https://diracprogram-documentation.readthedocs.io/en/latest/, there is only one CSS file included https://diracprogram-documentation.readthedocs.io/en/latest/_static/theme-custom.css, you should be able to replicate that same behavior if you build the docs outside RTD. So, doesn't look related to this problem.

[agjohnson]

@RemDelaporteMathurin it seems like there is a conflict introduced by pydata-theme. If I block the pydata-theme CSS file, I see our notificaiton.

What is happening is there is some CSS rule that is being applied too generally:

The toast.scss file is not ours, it's a source file from the pydata-theme or maybe Bootstrap.

Our web component does use these class names though, so this selector matches and hides our element. We're moving away from using class names entirely because of false matches like this, but we also can't stop host DOM CSS from altering display of our web components. The pydata-theme should use tighter selectors with more specificity to avoid side effects like this.

@miroi Your issue looks unrelated as far as I can tell.