[wp-meta] [Making WordPress.org] #1828: Improve Screenshots section

[Making WordPress.org]

#1828: Improve Screenshots section
------------------------------+---------------------------------------
 Reporter:  samuelsidler      |       Owner:  mapk
     Type:  task              |      Status:  assigned
 Priority:  high              |   Milestone:  Plugin Directory v3 - M7
Component:  Plugin Directory  |  Resolution:
 Keywords:                    |
------------------------------+---------------------------------------

Comment (by mapk):

 '''Next steps:'''

 1. The height change should animate in a slide fashion rather than jumping
 between various heights when navigating. I realize this means we should
 get rid of the right to left slide effect in transition of slides and
 maybe replace it with a fade-in instead. I hope this makes sense.
 2. Arrow navigation should only be visible on hover. This way the arrows
 can disappear allowing the whole screenshot to be viewable.
 3. Caption font-size should drop down on the modular scale to ms(-2) and
 please remove the italics.
 4. Thumbnails should be same size square images. This means cropping out
 portions of the actual screenshot which is fine. They are only there to
 give an idea of what the slide actually contains.
 5. We should probably add a light grey border around the screenshot area:
 1px solid #eee; to define the space better.
 6. Each thumbnail should have a border on them as well.
 7. Add a better defined 'next' and 'previous' states on hover. In the
 mockup above, on hover, a whole bar appears indicating the click area. I
 think this is helpful.

 After these changes, let's review this again.

--
Ticket URL: <https://meta.trac.wordpress.org/ticket/1828#comment:52>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org