Page MenuHomePhabricator

Update list style throughout the app to match the list style in Feed.
Closed, ResolvedPublic3 Estimated Story Points

Description

  • The current placeholder image that we use throughout the app (ic_pageimage_placeholder) should be replaced with the Material icon, name of "ic_photo".
  • All the places where we show a list of pages should follow the design set forth in the Feed, namely:
    • Search results
    • History
    • Reading lists

The following modifications should be made to the list items:

  • Article titles in lists:
    • Roboto Regular 16sp #222
    • Should be about 6dp closer to the top of the list row (visually more aligned to the top of the corresponding thumbnail image)
  • All square thumbnails in lists
    • Should be a smaller 40x40dp size
    • Have a 2dp border-radius
    • Let's also add a 1dp rgba (0,0,0,0.12) border around images (to cater for thumbs with white edges or awkward crop points)

Basically, take the layout as defined in view_list_card_item.xml and apply it to the other layouts mentioned above.

Event Timeline

Dbrant renamed this task from Update image placeholder with Material icon. to Update list style throughout the app to match the list style in Feed..Jul 14 2016, 5:26 PM
Dbrant updated the task description. (Show Details)
Dbrant set the point value for this task to 3.Jul 15 2016, 6:24 PM

Change 302713 had a related patch set uploaded (by Dbrant):
Make other list item layouts consistent with Feed lists.

https://gerrit.wikimedia.org/r/302713

Change 302713 merged by jenkins-bot:
Make other list item layouts consistent with Feed lists.

https://gerrit.wikimedia.org/r/302713