Snippets/Tablets and Smartphones in Desktop mode
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]- Copy the below code to your Special:MyPage/common.css.
- You can activate it centrally for all the sister projects on m:Special:MyPage/global.css
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?