Page MenuHomePhabricator

Update Saved to utilize iOS 11 style header
Closed, ResolvedPublic

Assigned To
Authored By
cmadeo
Mar 10 2018, 12:07 AM
Referenced Files
F23828379: IMG_2122.PNG
Jul 17 2018, 4:47 AM
F23828383: IMG_2121.PNG
Jul 17 2018, 4:47 AM
F23828382: IMG_2120.PNG
Jul 17 2018, 4:47 AM
F23578847: Saved - Add to reading list empty state.png
Jul 11 2018, 12:01 AM
F23578843: Saved - Reading list empty state.png
Jul 11 2018, 12:01 AM
F22414241: image.png
Jun 20 2018, 9:47 PM
F18533709: Saved - New header - Scroll up.png
May 25 2018, 9:44 PM
F14875018: Saved - New header.png
Mar 10 2018, 12:07 AM
Subscribers

Description

Why are we doing this?

iOS 11 included an update to typographical styles, with a focus placed on large headers. We would like to update the Saved tab to utilize these standards for an updated look and feel.

Proposed solution

Update header style

Design

SavedSaved, scroll down
Saved - New header.png (1×750 px, 409 KB)
image.png (1×750 px, 346 KB)
Zeplin: https://zpl.io/bzyDZ57Zeplin: https://zpl.io/VYADglw

Event Timeline

JMinor triaged this task as Medium priority.May 21 2018, 8:48 PM
JMinor lowered the priority of this task from Medium to Low.Jul 3 2018, 6:25 PM

It looks like the buttons are currently missing from the Reading lists empty state + the Add to reading list empt state. Also the close button and header are missing from the Add to reading list empty state.

@cmadeo I was wondering if the expected behavior is for the title to shrink when the list is scrolled? I was looking at the screenshots above and the scrolled version has a smaller title font. I am not seeing the title shrink at all, but it looks ok to me on 6.0.0 (1445).

IMG_2122.PNG (1×591 px, 594 KB)

IMG_2120.PNG (1×591 px, 905 KB)

IMG_2121.PNG (1×591 px, 994 KB)

Hi @ABorbaWMF, sorry about that. Yeah the intended design is for the headers to shrink, but that will be a different stretch goal for us for now.