Last modified: 2014-11-14 20:48:41 UTC

Wikimedia Bugzilla is closed!

Wikimedia migrated from Bugzilla to Phabricator. Bug reports are handled in Wikimedia Phabricator.
This static website is read-only and for historical purposes. It is not possible to log in and except for displaying bug reports and their history, links might be broken. See T75427, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 73427 - Format to exclude element from desktop view
Format to exclude element from desktop view
Status: NEW
Product: MediaWiki
Classification: Unclassified
Templates (Other open bugs)
unspecified
All All
: Unprioritized enhancement (vote)
: ---
Assigned To: Nobody - You can work on this!
:
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2014-11-14 18:01 UTC by Ian Tresman
Modified: 2014-11-14 20:48 UTC (History)
1 user (show)

See Also:
Web browser: ---
Mobile Platform: ---
Assignee Huggle Beta Tester: ---


Attachments

Description Ian Tresman 2014-11-14 18:01:05 UTC
It would be nice to have a class/ID that ensures that elements are not diplayed on desktop views, and consequently are displayed on mobile views.
Extension:MobileFrontend

Extension:MobileFrontend supports the class element "nomobile" which means that it won't show on on a mobile or tablet. See https://www.mediawiki.org/wiki/Extension:MobileFrontend#Configuring_the_main_page

A corresponding class/id would be "nodesktop".
Comment 1 Andre Klapper 2014-11-14 19:52:29 UTC
Thanks for taking the time to report this!

What would be the usecase of this? Any examples?
Comment 2 Ian Tresman 2014-11-14 20:48:41 UTC
Because my mobile is a different size and shape to my desktop, I want to put images on certain pages at different sizes for mobiles and desktops. eg.

<div class="nomobile">[[file:headerimageDesktop.jpg|1024px]]</div>
<div class="nodesktop">[[file:headerimageMobile.jpg|420px]]</div>

I could also use it for display information in different ways for mobiles and desktops, eg.

<div class="nomobile">Click the menu left</div>

<div class="nodesktop">Click the ≡ button top left</div>

Note You need to log in before you can comment on or make changes to this bug.


Navigation
Links