Page MenuHomePhabricator

Add visualhide css from common.css
Closed, ResolvedPublic

Description

See parent ticket for details. This is a subtask to ensure the fix is incorporated and tested on iOS as well.

Event Timeline

Just did a quick check and pulling in the entire common.css on iOS messes up the layout of the article a bit (particularly display of the info box), so suggest that for iOS at least, we only pull in the .visualhide class into our existing styleoverrides.css file.

Quick screencast:
https://youtu.be/OO4rqDLdbmk

@RHo We have a process for pulling upstream css and iirc we don't pull wholesale as you tried. I can give it a go after I finish the welcome ticket...

No worries @Mhurd – I just had a quick go at just adding the visualhide class on this PR:
https://github.com/wikimedia/wikipedia-ios/pull/962

@RHo Unfortunately that PR won't work because of the way we build our css files. That's actually the output file built when we run Grunt to process our less/css. For the visual hide bits we'll most likely want to have that added upstream so we can run it through the existing process that brings in all our other upstream css.

I assume this can be added it in such a way that both apps can inherit the change :)

@Mhurd – derp yes I completely blanked on the processing, did it once before so can go through the process again tomorrow (unless you get to it first :p)

I assume this can be added it in such a way that both apps can inherit the change :)

@RHo per Dbrant's comment we'll probably want to check about adding it upstream before we do anything...

hi @Mhurd – per our chat offline just PR updated with addition to the correct file (misc.less instead of styleoverrides.css) ready for grunting :)

https://github.com/wikimedia/wikipedia-ios/pull/962

@RHo I ran it and pushed. Should be able to pull and test now.

@RHo

Hey I met with @Dbrant and he or one of the android guys are going to add this upstream then I'll sync the iOS app's css again.

Change 317293 had a related patch set uploaded (by Dbrant):
Add visualhide class from Common.css

https://gerrit.wikimedia.org/r/317293

Change 317293 merged by jenkins-bot:
Add visualhide class from Common.css

https://gerrit.wikimedia.org/r/317293

As soon as this gets deployed I'll re-sync iOS css...

@Dbrant hmm I tried re-syncing our CSS and I don't see the addition...

Hey @Mhurd, I think this'll roll out to enwiki (where it looks like you're pulling down from) during today's MediaWiki train deployment. Mind giving it another try after 2pm PDT?

@Mholloway Thanks! It's coming through now :)

== Testing criteria ==

  • On either iPhone or iPad, load the "Top quark" article and ensure the "spin 1/2" fraction in the first paragraph looks correct:

Correct "spin 1/2" fraction:

cd8dd302-9c4a-11e6-8803-a3155b82f245.png (1×862 px, 245 KB)

Incorrect "spin 1/2" fraction:

0ca159f6-9c4b-11e6-908d-0a1af619c6d6.png (1×862 px, 235 KB)

@Nicholas.tsg Could you add a test case for this? Thanks!