media query issue: max-width: $full-width

[bastimeyer]

Describe the bug
In addition to #36, I've noticed an issue with the max-width: $full-width media query:

furo/src/furo/assets/styles/_scaffold.sass

Line 198 in fa726f7

@media (max-width: $full-width)

This is without the width changes mentioned in #36, just default theme stylesheets.

Demonstration
https://youtu.be/mVmTa_k-UWk

It looks fine width-wise when using the browser's media query dev tools, but there's a gap of a couple of pixels which causes a horizontal scrollbar on the document body to appear.

Desktop (please complete the following information):

• Arch Linux
• Chromium
• 87

Smartphone (please complete the following information):

Not tested

[pradyunsg]

What version of Furo is this, and could you share the exact Sphinx documentation to reproduce this?

[bastimeyer]

The latest, otherwise I wouldn't have opened an issue.

You can reproduce it in your own documentation, like here for example:
https://pradyunsg.me/furo/customisation/

[pradyunsg]

Huh. I'm not able to reproduce this. I'll try this on browserstack later.

[pradyunsg]

Looks like Chrome includes the sidebar width when calculating how wide a page is. That... sucks. :)

[pradyunsg]

https://www.456bereastreet.com/archive/201301/media_query_width_and_vertical_scrollbars/

Fun.

[pradyunsg]

Fixed in b06e7cf.