Page MenuHomePhabricator

REGRESSION BUG: Article toolbar background has a semi-transparent but should be opaque white background.
Closed, ResolvedPublic

Description

Regression occurring on iPhone and iPad.

Steps to reproduce
Open any article on the Wikipedia app.

Expected
Article toolbar at the bottom of the screen should be opaque white.

Expected - article toolbar.png (1×750 px, 483 KB)

Actual
Article toolbar appears as a semi-transparent white .

Actual - article toolbar bug.png (2×1 px, 1 MB)

Event Timeline

RHo renamed this task from BUG: Article toolbar background has a semi-transparent but should be opaque white background. to REGRESSION BUG: Article toolbar background has a semi-transparent but should be opaque white background..Oct 3 2016, 4:15 PM
RHo updated the task description. (Show Details)
RHo added a project: Regression.
Mhurd added a subscriber: JMinor.

@JMinor iirc you said to just throw this in pm signoff...

@RHo should be good to go for design review

I actually liked the semi-transparent white...

Thanks @Mhurd, regression looks fixed.

@Josve05a – We may consider revising the visual treatment in future design updates to the app to use a background blur on a translucent white, but for now the original style of the article toolbar (opaque with a top shadow) is intended keep focus on the article text whereas the semi-transparency is somewhat distracting when readers can still see text underneath the toolbar.

Testing in Wikipedia app 5.3.0 (958); just to make sure I tested this on both iPhone (iOS 10.0.2) and iPad Air 2 (iOS 10.0.1). As seen in the screencaps below the toolbar is still semi-transparent white.

Semi-transparent article toolbar - iOS 10.0.1 (iPad Air 2).PNG (2×1 px, 1 MB)

Semi-transparent article toolbar - iOS 10.0.2 (iPhone).PNG (1×640 px, 678 KB)

Testing on iPhone (iOS 9.3.2) and Wikipedia app 5.3.0 (960). According to the screencap below this is fixed.

Opaque White article toolbar - iOS 9.3.2 (iPhone).PNG (2×1 px, 1 MB)