Media Uploader Selected File Icons

[JerrySarcastic]

Icons to replace the unicode symbols in the new media uploader in 3.5 for selecting and deselecting images, as well as the close modal window (X) icon.

[helenyhou]

These look nice, although of course need to see them in context. The 1x black dash seems a little fuzzier than the others, though.

[JerrySarcastic]

Happy to iterate on the design, but the "fuzziness" looks better against the background. Here they are in context. :)

​http://min.us/lNDhNv0GquziG

[lessbloat]

22610.diff​ should get these mostly in place (may need a few pixel nudges).

uploader-icons.png​ & uploader-icons-2x.2.png​ have been imageoptim'd.

[JerrySarcastic]

2X icons in uploader

[JerrySarcastic]

Oops, beat me to it Dave. :)

[lessbloat]

22610.2.diff​ fixes alignment of gray icons slightly.

[JerrySarcastic]

New 1x icons, as sharp as can be. :)

[lessbloat]

uploader-icons.optim.png looks like:

[helenyhou]

Need a source file for design/asset repo. If the 1x versions were hand-tweaked, please include those in the source file as well.

[JerrySarcastic]

Source PSD files for standard and 2x icons

[lessbloat]

Zipped these up so it would be less confusing. These have both been optipng'd

[koopersmith]

As ​per IRC, JerrySarcastic is adding two x icons with the same treatment as the check and dash.

[JerrySarcastic]

Expands sprite to add X icons form gallery image removal

[JerrySarcastic]

Should note: Both attached sprites expanded to add X icons. :)

[helenyhou]

22610.4.diff​ adds the x icon for removal of an item from the gallery edit view. Needs somebody to check on the icon placement in 2x for all of the above - ideally it would line up correctly so background-position doesn't need to be altered in the media query.

[koopersmith]

These look lovely!

[ryan]

Looking good on Retina MacBook.

[ryan]

In 22919:

Icons for select, deselect, and window close in the media modal.

Props JerrySarcastic, helenyhou, ocean90, lessbloat
fixes #22610

[ryan]

In 22920:

Icons for select, deselect, and window close in the media modal.

Props JerrySarcastic, helenyhou, ocean90, lessbloat
fixes #22610

[JerrySarcastic]

PNG files updated to fix image alignment of the remove (X) icons

[JerrySarcastic]

uploader-icons-2x.5.png​​ fixed to center the remove (x) icon. Tested and works.

uploader-icons.4.png​​ does the same, but needs to be tested.

[lessbloat]

Replying to JerrySarcastic:

uploader-icons-2x.5.png​​ fixed to center the remove (x) icon. Tested and works.

uploader-icons.4.png​​ does the same, but needs to be tested.

These look good on my Retina screen (I'm on the road, so I don't have a non-HiDPI screen to test on).

[ryan]

In 22939:

Fix image alignment of the remove (X) icons in the media modal.

Props JerrySarcastic
fixes #22610

[ryan]

In 22940:

ImageOptim for uplaoder icons. see #22610

[JerrySarcastic]

Fixes slight alignment issues (when compared to PNG files)

[helenyhou]

Sources committed in [D11].