Page MenuHomePhabricator

'X' image is really pixelated in Wikipedia App
Closed, ResolvedPublic

Description

The images used for the 'X' button is really fuzzy and pixelated. We should sharpen it up just like the Wikipedia app.


Version: 3.1.0 (iOS) / 1.1 (Android)
Severity: normal

Details

Reference
bz35231

Event Timeline

bzimport raised the priority of this task from to Medium.Nov 22 2014, 12:19 AM
bzimport set Reference to bz35231.
bzimport added a subscriber: Unknown Object (MLST).

pfhayes wrote:

Are you seeing this in the emulator or on the device?

I can reproduce this, but I also reproduce it in the Wikipedia app. Also, I believe we use the same X icon as the Wikipedia app does.

I'm seeing this in the APK that I was mailed. Let me spin up the emulator with the latest copy of the files from master.

pfhayes wrote:

Tomasz, did you get a chance to try it out again? What did you see?

I'm now seeing the same problem on the latest Wikipedia Mobile beta.

I'm now seeing the same problem on the latest Wikipedia Mobile beta.

pfhayes wrote:

Migrating this bug to Wikipedia App

Created attachment 10290
Pixelated Icons

Attached:

droidAtScreen-2.png (800×480 px, 53 KB)

Seems to be caused by commit 009be9a949c5b5dc1a398777a8e73f9b095f201d, which was fix for the spinner not rotating in emulator and some devices (unable to find the bug atm).

Reverting that commit for now, ccing jdlrobson to take a look at the css.

I've spent about an hour looking at this and cannot find a fix. There are various issues surround webkit's css transforms that sound similar (for example http://stackoverflow.com/questions/5078186/webkit-transform-rotate-pixelated-images-in-chrome)

FYI The reverted commit was addressing bug 33198

Issue was resolved via the above.