Last modified: 2014-02-12 23:45:20 UTC
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.
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
I believe this bug is related somewhat to #30859 [1] [1] https://bugzilla.wikimedia.org/show_bug.cgi?id=30859
*** Bug 35018 has been marked as a duplicate of this bug. ***
*** Bug 34325 has been marked as a duplicate of this bug. ***
https://gerrit.wikimedia.org/r/14419