[Feature] Make the content stable and not jump around

WesselKroos / youtube-ambilight

This browser extension adds ambient light to YouTube videos

MIT License

87 stars 8 forks source link

[Feature] Make the content stable and not jump around #175

Closed avi12 closed 1 year ago

avi12 commented 1 year ago

I just found out about scrollbar-gutter TL;DR Currently, when I press A, not only does it toggle the effect, but it also makes the scroll bar appear/disappear and therefore changes the layout ever so slightly, which is annoying With this CSS property, there will be no more layout shifting

WesselKroos commented 1 year ago

The scrollbar-gutter property does not work in this instance. I don't set the overflow-y property to "hidden", because that would make it impossible to scroll the page. Instead to hide the scrollbar I set the width to 0 pixels.

But you can still keep the scrollbar by disabling the "Hide scrollbar" setting (it's an advanced setting):

avi12 commented 1 year ago

Ah I see, didn't know there was a setting for it