Page MenuHomePhabricator

Simplify article tab design when viewing cascade of open tabs
Closed, ResolvedPublic1 Estimated Story Points

Description

Problem:

Currently, when viewing all open tabs in the app (triggered by tapping on the tabs icon in the toolbar), the illusion of the article tab layers stack is overly complex, as it is being created by using 3 separate elements (The tab header, the shadow behind the corner radii of the header, and article tab shadow):

image.png (1×718 px, 225 KB)

This is further compounded when different colors are required for dark vs light mode.

Proposed solution

Simplify the visual representation of the article tab stack to using one layer per open tab, with a standard shadow effect applied to the layer across all color themes.

image.png (1×1 px, 119 KB)

Note there is only one layer per article 'tab', with the same elevation of 8dp casting a Black@26% shadow.

Per T112980 - entire tab in exploded tabs view should be movable

Event Timeline

Charlotte set the point value for this task to 1.Jun 19 2018, 4:31 PM