I've been doing some consolidation work in the MobileApp repo while breaking ground on the new Page Content Service CSS endpoint. For this initial iteration the goal is just to get the bundle behind an endpoint so the apps can have their styles updated agilely. Further, we want to serve the same bundle to both apps if at all possible. I think this is achievable. Here are some open questions blocking additional consolidation:
* Historically we've had different 'pagestyles' and 'preview' modules, with the 'preview' modules effectively just omitting some styles. Does anyone know why we omit certain styles for previews? Could we just use the same CSS bundle in all cases?
* Is the Android app team willing to drop some of its unique CSS?
** Can the CSS loading animation for loading sections be dropped, since article loading state is already indicated by a native ProgressBar? **(A: Yes!)**
*** [x] I've submitted patches for this: https://gerrit.wikimedia.org/r/#/c/417516/ (Android), https://gerrit.wikimedia.org/r/#/c/417514/ (MobileApp)
** frwiki hacks (to resolve T167307)
*** [[ https://github.com/wikimedia/mediawiki-extensions-MobileApp/blob/master/styles/frwiki.less | frwiki.less ]] contains only an [[ https://fr.wikipedia.org/w/index.php?title=MediaWiki%3ACommon.css&type=revision&diff=142883237&oldid=142740987 | outdated ]] copypaste snippet from frwiki Common.css that doesn't appear necessary for correct Main Page display any longer.
*** https://gerrit.wikimedia.org/r/#/c/419103/ (MobileApp), https://gerrit.wikimedia.org/r/#/c/419102/ (Android)
** Only the Android app hides IPAs; the iOS app and mobile web don't. Is this behavior essential to the Android app experience or can it be dropped?
*** If it needs to be preserved then maybe these CSS bits can live in the app repo as well.