pretext icon indicating copy to clipboard operation
pretext copied to clipboard

SBS in narrow screen

Open davidfarmer opened this issue 8 years ago • 2 comments

From Alex on mbx support:

I don't often check out what my MBX output looks like on a small screen. Until very recently, my cell phone was a Nokia 2610 I've had since 2006. The cell towers here are going to stop supporting "2G" phones, so my provider offered me a free smart phone as a consolation. So now I've joined the modern era, leapfrogging flip phones, and I've been checking things out on small screen.

I don't like what I see with most of my sidebysides. The images can become too small to read any text on them. Tables and p/md can be too wide for the alotted space. For examples, go here on a smart phone: http://spot.pcc.edu/math/orcca/section-graphing-equations.html

Can we start talking about endowing sbs with CSS/JS to reconfigure the flex boxes to present them vertically once screen width is sufficiently small?

A possible issue with my request is when nearby text says something like "the figure on the left... compared to the figure on the right...".

davidfarmer avatar Nov 12 '16 23:11 davidfarmer

Would it be reasonable to give SBS a minimum width, and scroll on overflow? The left/right is preserved, and as you scroll sideways you can still see the text above.

That is how we handle very wide equations.

davidfarmer avatar Nov 12 '16 23:11 davidfarmer

I have a branch with some unfinished work relating to this. A sidebyside would start out presenting its first panel, and you can swipe or click things to move to the other panels. There is an indicator that other panels exist.

It's nice to do the above with CSS only, but that does impose some limitations on its functionality.

Alex-Jordan avatar Jun 02 '22 22:06 Alex-Jordan