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.

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

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

​http://min.us/lNDhNv0GquziG

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.

2X icons in uploader

Oops, beat me to it Dave. :)

22610.2.diff​ fixes alignment of gray icons slightly.

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

uploader-icons.optim.png looks like:

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

Source PSD files for standard and 2x icons

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

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

Expands sprite to add X icons form gallery image removal

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

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.

These look lovely!

Looking good on Retina MacBook.

In 22919:

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

Props JerrySarcastic, helenyhou, ocean90, lessbloat
fixes #22610

In 22920:

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

Props JerrySarcastic, helenyhou, ocean90, lessbloat
fixes #22610

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

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.

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).

In 22939:

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

Props JerrySarcastic
fixes #22610

In 22940:

ImageOptim for uplaoder icons. see #22610

Fixes slight alignment issues (when compared to PNG files)

Sources committed in ​[D11].