Page MenuHomePhabricator

Give projects the opportunity to add mobile specific JS/CSS
Closed, ResolvedPublic

Description

Possibly we could do this by importing [[MediaWiki:Handheld.css]] and [[MediaWiki:Handheld.js]], though these are more targeted at the media=handheld version of the mediawiki installation.

This is needed to give projects more control over their elements. They might want to not display certain elements specifically in the mobile interface, or use a different look for certain elements.


Version: unspecified
Severity: enhancement

Details

Reference
bz22659

Event Timeline

bzimport raised the priority of this task from to High.Nov 21 2014, 11:08 PM
bzimport set Reference to bz22659.
bzimport added a subscriber: Unknown Object (MLST).

This would most certainly be an important upgrade to Wikipedia mobile. Having all CSS as inline is a problem because we use the same templates for the classic main page and the mobile one, so we always have to work at the last level in the mobile homepage.

This also causes readability issues in RTL wikis. For some reason, the dir="rtl" attrib of the <html> tag is missing some times (separate bug), and the default font used is not suitable for some languages.

In triage, Patrick pointed out that two CSS stylesheets are used: http://bits.wikimedia.org/w/extensions-1.17/MobileFrontend/stylesheets/iphone.css and http://bits.wikimedia.org/w/extensions-1.17/MobileFrontend/stylesheets/android.css I asked him about something like Mediawiki:Android.css and he said it'd be possible. Bumping priority, adding CCs.

  • Bug 32910 has been marked as a duplicate of this bug. ***
  • Bug 29634 has been marked as a duplicate of this bug. ***

Since en.wp started using hlist (which is defined in MediaWiki:Common.css), many elements are broken in mobile.

See for instance the navbar (n * v * e) on navboxes.
http://en.m.wikipedia.org/wiki/Wyrley_and_Essington_Canal

  • Bug 35018 has been marked as a duplicate of this bug. ***
  • Bug 34325 has been marked as a duplicate of this bug. ***