display flex for native scrolling

[paul90]

Replacing #327, which used the coffeescript, now legacy, branch as a starting point.

(cherry picked from commit fe55e82)

[paul90]

Comments from #327

#327 (comment) (@WardCunningham )

@baldurbjarnason has guided me through this modest improvement styling the lineup using flex for native scrolling. This is expected to work better on mobile. (Test this before merging.)

Note: this and related work is more about investing in the longevity of our codebase than adding mobile as a feature. I once referred to this as "chronological scaling" before we had a clear notion of what that would require. post

#327 (comment) (@paul90)

Only thing I've spotted so far is that the horizontal scrollbar on the lineup needs hiding, and page being opened no longer is scrolled into view. No auto scrolling the lineup to bring the new page into view is most likely a fault in the JS conversion!, looks to be something jQuery related that get broken here.

#327 (comment) (@WardCunningham)

@paul90 recommended this simple fix, bfa2e8b, and adds, "if we were not moving away from browserify it could be fixed by adding browserify-optional into the mix."

Rendering on older iPad.

Rendered on old iPhone.

#327 (comment) (@WardCunningham)

Direct positioning within the lineup happens when a specific page is made active. This is handled by code in active.js. Changes here have thrown off these calculations.

Various places in the code will expose a particular page and make it active with idiomatic code that looks like:

active.set($('.page').last())

We see calls like this in these modules:

• factory.js -- once
• link.js -- twice
• state.js -- once
• search.js -- unused, now obsolete by pop-up?
• legacy.js -- seven times, in various global event handlers

[paul90]

Do we want to suppress the horizontal scrollbar on the lineup? Or is that needed for mobile/tablet.