Homec4science

Improve thumbnails in pholio mock view

Authored by epriestley <git@epriestley.com> on Feb 22 2013, 15:53.

Description

Improve thumbnails in pholio mock view

Summary:

  • Use "preview" instead of "thumb" so we don't get a white background.
  • Give this element a darker gutter to separate it a little bit visually.
  • Put every thumb on a square hit target.
  • Add some color/border/hover stuff.
  • Ship down image dimensions.
  • Reduce thumb size to 140 so we can fit 2-up on mobile when we get there.

Test Plan:
Before:

{F33545}

After:

{F33546}

Reviewers: chad, ljalonen

Reviewed By: ljalonen

CC: aran

Differential Revision: https://secure.phabricator.com/D5070

Details

Committed
epriestley <git@epriestley.com>Feb 22 2013, 15:53
Pushed
aubortJan 31 2017, 17:16
Parents
rPH88698bec0be1: Make use of "Mnn" in Pholio more consistent
Branches
Unknown
Tags
Unknown

Event Timeline

epriestley <git@epriestley.com> committed rPH53f527f71fb3: Improve thumbnails in pholio mock view (authored by epriestley <git@epriestley.com>).Feb 22 2013, 15:53