Snippets/Tablets and Smartphones in Desktop mode

From mediawiki.org
How to use Snippets
List of Snippets
Tablets and Smartphones in Desktop mode
Language(s): CSS
Compatible with: MediaWiki all+ (all)

There exist a Wikipedia App on Android. However it does not allow for all functions like they are available in desktop mode.

Therefore a user might like to use desktop mode, even on a tablet or a smartphone. But this has some GUI inconvenients, e.g, the characters are too small, and menus are too close to other GUI objects.

Description[edit]

This small CSS code allows to use desktop mode on a tablet or a smartphone without having the difficulty that the address-bar is opened when trying to access the top Wiki page user menu.

Usage[edit]

It should work for all types and versions of MediaWiki and all browsers.

Code[edit]

Allow a somewhat larger margin-top to avoid touching the address bar when accessing the user menu.

body { margin-top: 10px; }

For Wikidata you should add:

div#globalWrapper { margin-top: 10px; }

Notes[edit]

You must be logged in, of course, to see the effect.

Known problems[edit]

It takes action for all kinds of browsers. It would have been better if it would be only active for e.g. Chrome on a tablet or a smartphone. But it seems not possible (or difficult) to distinguish amongst browsers in a CSS?

See also[edit]