Closed Bug 1512757 Opened 2 years ago Closed 2 years ago

Consider removing file type icons, or improve their design


(DevTools :: Netmonitor, enhancement, P3)



(firefox67 fixed)

Firefox 67
Tracking Status
firefox67 --- fixed


(Reporter: fvsch, Assigned: mrigankkrishan)



(1 file)

So we added file type icons in the "File" column of the network monitor. Right now those icons represent two categories of content:

1. "text/*" responses
2. everything else

There are a few UX issues that stem from that change:

- We are inconsistent with the file type icons used in the Debugger, e.g. for JS responses
- Those icons are a bit hard to understand, for instance we get a "blank or generic document" icon for image responses, web fonts, etc.; we also get the same "document with text lines" icon for HTML, CSS and JS.

My personal conclusion is that right now these icons take up much-needed space and mental focus, without adding clear value. So I would suggest removing them.

Alternatively, we could improve that feature so that it provides better value. One way to do that is to have better icons and one for each type available in the filter list (HTML, CSS, JS, XHR, Fonts, Images, Media, WS, Other). Though I'm not sure categories like "XHR" and "WS" (web socket?) are content-types, so maybe it doesn't fit precisely.
Matt, any preference on that?
Flags: needinfo?(mcroud)
I'm happy to see them go until we have something more meaningful to add in their place.
As you say, no real value is added in their current state (Having HTML represented by a text document icon, but SVG is represented by a blank document etc.) not that I can fathom anyway? But with more meaningful icon variety it is an idea worth pursuing and would help visualise for users the distribution of file types on a page.
Flags: needinfo?(mcroud)

Removed the icon class from file column. I kept the css classes in RequestList.css so that we can easily add icons later.

Flags: needinfo?(odvarko)

See my comment in Phabricator.

Flags: needinfo?(odvarko)
Pushed by
Remove icons from file column. r=Honza
Closed: 2 years ago
Resolution: --- → FIXED
Target Milestone: --- → Firefox 67
Assignee: nobody → mrigankkrishan
You need to log in before you can comment on or make changes to this bug.