Sidebar font changes and toggle icon shows up on too-wide screens

[choldgraf]

On main we have some regressions in UI behavior when shrinking the screen. There are four things I noticed:

• The On this page text becomes bigger too soon, while it is still visible
• The icon to show the right drawer shows up before the sidebar is hidden
• Clicking on the icon makes the screen go dark but no drawer is shown
• The same behavior is then present for the primary sidebar on the left

I suspect this is related to the changes with Boostrap 4 -> 5 because that changed the breakpoint behavior.

Here's a demo of what this looks like:

[choldgraf]

cc @12rambau who I believe did the update to Bootstrap 5 in:

• MAINT: Drop jQuery and use Bootstrap 5 #1029

[12rambau]

I'll have a look whenever I can but that certainly is related to the change in breakpoint behavior. I though I was clever enough to avoid that bu apparently I wasn't ;-)

[choldgraf]

@12rambau what are your thoughts on this one? I think this is the last "significant" issue before 0.13.

I think it's a decent UX issue, but don't know that it is critical enough to block a 0.13 release, and in the meantime we're going to have more confusion about issues like the Sphinx < 6.0 bug. Do you have a moment to figure out the bug for this one, or should we move it to a future patch release?

[12rambau]

That's a decent one but I didn't took the time to work on it. If nothing moves until Friday go for the 0.13.