1695627 - Sources tree icon update

Status: NEW

(DevTools :: Debugger, enhancement, P3)

Description

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Attachment: image.png

Originally reported here: https://github.com/firefox-devtools/debugger/issues/8061

As we're moving towards using more Photon icons in Debugger, I'm wondering what we should do for the Sources icons, and if we should try to use the thicker Photon icons there.

Last Fall I updated the Storage panel's tree to use Photon icons, so that can be an interesting comparison point:

Sources Tree:

• Row height: 22px
• Text size: 11px
• Icons: 16px, but most are drawn using only 12px (globe) or at most 14px (folder width)
• Indent width: 17px

Storage Tree:

• Row height: 24px
• Text size: 11px
• Icons: 16px canvas, with the visuals filling the canvas on at least one dimension (width or height)
• Indent width: 14px

Once we update other icons in Debugger to use a Photon style, I think we should probably update the Sources icons too. I'm just wondering what other people think.

Pinging: @mcroud @digitarald @jasonLaster @darkwing.