[wp-trac] [WordPress Trac] #26650: Replace media file type icons with Dashicons

[WordPress Trac]

#26650: Replace media file type icons with Dashicons
----------------------------+------------------
 Reporter:  wonderboymusic  |       Owner:
     Type:  task (blessed)  |      Status:  new
 Priority:  normal          |   Milestone:  3.9
Component:  Media           |     Version:
 Severity:  normal          |  Resolution:
 Keywords:  needs-patch     |     Focuses:  ui
----------------------------+------------------

Comment (by melchoyce):

 > Looking at the original icon set, I don't think most of these are
 similar to their original versions, and I think that's okay.

 Sorry, I was referring to the original dashicons some of these icons are
 being borrowed from: {{{.dashicons-video-alt2}}}, {{{.dashicons-format-
 audio}}}, {{{.dashicons-archive}}}, and {{{.dashicons-editor-code}}}. I've
 kept the icons largely the same when co-opting them for the media icons.
 The only icon that really changed was the code icon, which I made thicker
 so it's easier to see at a smaller size (since it's now being contained
 inside of a rectangle).

 I'm not super concerned about mimicking the original crystal icon set, but
 I am concerned that if we're re-using the same concepts that we've
 established elsewhere in our iconography (like video, code, audio, and
 archives), we should keep that iconography consistent.

 One thing to remember is these icons are acting as '''supplementary
 information'''. Testing the icons alone doesn't take context into account.
 You're never going to just see the icons by themselves and need to know
 what they mean — they act as a backdrop to the name and extension of the
 file that has been uploaded to your media library:
 https://cloudup.com/cVtNeKg8Ipw I would even say that right now, the
 crystal icons are too distracting and too prominent — we should tone down
 the new icons (maybe just drop the opacity?) so they don't conflict with
 the filename.

 Another idea could be to remove the icons from the "document" container
 entirely and just use existing media classes for icons like audio,
 archive, code, and video. That would also allow us to use {{{.dashicons-
 format-video}}}, which wasn't possible to use within the document
 container because of size constraints. We also have {{{.dashicons-text}}}
 we could use for text files, and I could work off of that icon to create
 document and spreadsheet. Interactive could use something like
 {{{.dashicons-slides}}} or {{{.dashicons-analytics}}}, or I could just
 take the screen/presentation icon made earlier in this ticket and use that
 without the document container. (I still haven't figured out what kinds of
 files use the generic "document" icon.)

--
Ticket URL: <https://core.trac.wordpress.org/ticket/26650#comment:36>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform