Page MenuHomePhabricator

Hierarchy issues on individual reading list views
Closed, ResolvedPublic

Description

Why are we doing this?
There is some duplicate information on the page as it is currently implemented and some spacing issues due to the removal of the 'updates available' feature.

Proposed solution

  • Remove the header title from this screen, leaving only the bold title from the expanded header area
  • Remove the HR from between the expanded header and the search bar
  • Ensure that all list item text and background fills fit within the height of the thumbnail (see Zeplin for redlines and spacing)
  • Increase padding between list item text and thumbnail to 20pts

Event Timeline

cmadeo triaged this task as Medium priority.Apr 2 2018, 11:01 PM

Hi @NHarateh_WMF, thanks so much for working on this!
This is looking really good, just two small tweaks:

  • Could we make the HR between the search bar and the top list item the same thickness as the list items HRs?
  • Could we have the Title of the reading list move into the header after the user has scrolled past the large title? (similar to the header in iOS settings)

Sorry about leaving this last point out on the original ticket, just realized now that it'd be nice for longer reading lists to have the title present on scroll.

@NHarateh_WMF this is looking awesome!

Would it be possible for the compacted header to reappear when the user scrolls back up (similar to the article view header?

This comment was removed by cmadeo.