[WikimediaMobile] Quickie mockup: floating/togglable table of contents

[Brion Vibber]

Did a quick mockup of a floating/togglable table of contents for the mobile
view:

http://svn.wikimedia.org/svnroot/mediawiki/trunk/mockups/mobile-sections/index.html

* sets up section 0 as a togglable section as well
* on narrow screens, ToC shows fullscreen, triggered by a floating fixed
button in the corner, so it's always available
* on wider screens (such as tablets), ToC shows as a fixed sidebar

This is a fairly primitive quicky mockup and requires position:fixed to
work ('for reals' would need some smarts for some platforms to scroll
things around) and makes no attempt for things to be formatted nicely. ;)
Clicking a section in the toc bar also does a toggle rather than
unconditional _show_, so sometimes hides things instead. ;)

Seems to work in iOS 5 (iPod Touch and iPad) and Android 2.3 (Nexus 1 stock
browser), as well as on desktop Firefox.


Any thoughts? I kinda like the notion of having navigation controls always
accessible; perhaps tweak things with a nicer section list and displaying
only one section at a time by default.

(A lot of portal-style pages also interact poorly with our mobile section
collapse/expand right now, so that might need some adjustment as well...)

-- brion
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.wikimedia.org/pipermail/mobile-l/attachments/20111211/8892faff/attachment.htm