This is cool although I'm not sure how I feel about. This is not just a mobile problem, this is a skin problem. In the distant future, I would hope after Trevor's work on the skin system we would have a much healthier ecosystem of skins which work nicely in both mobile and desktop mode.
If Vector suddenly became responsive, or Winter was released, how could we make this useful for those skins too? Maybe what we need here is a "preview in another skin" which allows you to resize the window to mobile size, tablet size? e.g. I wonder if this should be built into the preview page of the site?
On Sun, Oct 12, 2014 at 10:09 PM, Brion Vibber bvibber@wikimedia.org wrote:
I've taken the liberty of adding this to the gadgets proposals page on en.wikipedia: https://en.wikipedia.org/wiki/Wikipedia:Gadget/proposals#Mobile_sidebar
If no objection I'll set it up tomorrow.
Also I put the .js and .css files on github for easier patching: https://github.com/brion/MediaWiki-MobileSidebar
-- brion
On Sun, Oct 12, 2014 at 6:07 PM, Brion Vibber bvibber@wikimedia.org wrote:
Awesome! I've made some further updates, and there's now a toggle button on the tab bar, next to the watchlist star, so the mobile view can be turned on and off at will.
Note that since it now uses an external stylesheet, to include the copies from my meta page now takes two imports:
// Mobile sidebar
mw.loader.load('https://meta.wikimedia.org/w/index.php?action=raw&title=User:Brion_VIBBE...', 'text/javascript');
mw.loader.load('https://meta.wikimedia.org/w/index.php?action=raw&title=User:Brion_VIBBE...', 'text/css');
-- brion
On Fri, Oct 10, 2014 at 10:33 PM, Prateek Saxena psaxena@wikimedia.org wrote:
On Fri, Oct 10, 2014 at 1:15 PM, Brion Vibber bvibber@wikimedia.org wrote:
This shows the currently viewed page on the mobile view in an <iframe> sidebar, and captures link navigation within the iframe to navigate on the desktop window as well.
I really like this :)
Todo:
- add an on/off switch
- pretty it up
I added just an off switch and prettied it up a little. I just refresh the page to turn it back on for now. I have an idea for putting the size selection UI which I'll add later.
http://cl.ly/XzUa https://meta.wikimedia.org/wiki/User:Prtksxna/common.js https://meta.wikimedia.org/wiki/User:Prtksxna/common.css
Mobile-l mailing list Mobile-l@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mobile-l