Fix toggles

[Akatuoro]

Fixes impl-variant toggle behavior in regards to:

• layout shift on load
• outline inconsistencies (both node and java headers shown on load)

Good page for testing: http://localhost:5173/docs/guides/databases/postgres#deploy
Chrome Performance CLS: 0.01 -> 0.00

[swaldmann]

There's definitely removed flickering in the outline compared to main 👍

I just noticed on reload the flickering at the top bar is still there but now a bit more pronounced, maybe because of the removed animationsOff?

[Akatuoro]

There's definitely removed flickering in the outline compared to main 👍

I just noticed on reload the flickering at the top bar is still there but now a bit more pronounced, maybe because of the removed animationsOff?

Yes, I also noticed that and have been looking into it. It has been happening on the live capire site for me as well though, so not sure if it's worse now. We don't have any actual transition that we could put this animationsOff method around.

Still, the transition on VPSwitchAppearance is definitely the culprit. When permanently setting the css, there's no flicker. But then also the switch animations don't work. Will try out a few things...

[Akatuoro]

Fixed the header flicker. I noticed some layout shift when reloading at arbitrary scroll positions -> will look into that.

[Akatuoro]

So... I just noticed that both the header flicker and the scroll behavior also appear on the official vitepress documentation 😆
https://vitepress.dev/reference/default-theme-config#sidebarmenulabel