use narrow page on narrow devices

[WardCunningham]

Small adjustments view in the chrome mobile device simulator.

This specific complaint is from Thompson who writes,

When I send pages to others with the likelihood they will be read in their phone, I do so being aware that since the last major update, they don’t render well as the text width of the page is larger than the screen size, requiring some annoying side to side scrolling… I wonder if I’m the only one seeing this issue…
http://thompson.forage.ustawi.wiki/view/vagus-nerve

This css is from Baldur Bjarnason who suggested it as a quick fix without getting into page formatting theory.

[WardCunningham]

[WardCunningham]

Robert Best and I explored this today and found that hard coded widths in pixels for some page items prevent the .page from shrinking to the expected width. This seemed to work ok with these widths simply removed. I wonder why they were included if unnecessary?

• Journal
• Backlinks

Also for .page we needed to change overflow: auto to be overflow-y: auto.

[WardCunningham]

Commit 60adb2e addresses the width and overflow adjustments discussed yesterday. #344 (comment)

Coding seems a bit safer in this version.

We know that some plugins, such as the Video plugin, don't play by the same rules and will induce additional scrolling in the mobile configuration. Paul, Eric and I have coded these mods together and don't think misbehaving plugins should stop this from going forward.

[paul90]

As noted elsewhere, there a few plugins that have the 420px width, but this looks good.

[paul90]

Published as + wiki-client@0.31.3