Displaying sidenotes and other items in the right margin on small screens

[ghost]

On a narrow screen, one possibility would be to have a hidden drawer off to the right side of the screen that the user can slide open to display anything in the right margin. This could come in and go out with a swipe.

This solution does not meet the ideal of having the note and the text it refers to visible at the same time, but if part of the text in the main column is still visible (e.g. its left edge), the reader will not have any trouble returning to precisely the point in the text where he/she left off to look at the material in the margin.

The off-canvas pattern illustrates the general idea:

https://developers.google.com/web/fundamentals/design-and-ui/responsive/patterns/off-canvas?hl=en

If I use a window that is less than 800 px wide with chrome on the mac and click on the screen, the drawer slides in from the right.

Note however that the code itself is buggy. It does not work on my Nexus, nor when I simulate the Nexus using Chrome's developer tools.

[siawyoung]

Ah, I see what you mean here. I'll keep this on the backburner for the time being as it deviates quite a bit from Tufte's intended UI/stylings. If you can demonstrate your proposal with a PR, I'll take a look at it and see if it works well enough to work as a substitute. Thanks :)