Florens Verschelde

Nice, I've commented on bugzilla. Let's try to make progress there for now.

We have a design proposal ready for review at https://bugzilla.mozilla.org/show_bug.cgi?id=1502098#c16

Discussed at All Hands with @violasong and :yzen. Main decisions: 1. The proposal at https://fx-devtools-focusring.netlify.com/ is mostly validated; we'll probably drop the inset shadow for edge-to-edge elements. 2. We do...

The icons look small (around 9x5 pixels), but the icon hitbox is 14x14 pixels. Still small, but not too bad. In the Console, this type of arrow uses a SVG...

The checkboxes are used in the Inspector's Rules panel, for the record. After a code search, it looks it’s the only place where it’s used. Oh and the triangle icon...

Hmm not sure what we need to go forward. @violasong It looks like @yashjohar's proposal (with the slightly larger icon and the "reveal" label appearing on hover) was well received....

I started a Figma document for updating a few remaining icons from Inspector and other tools. https://www.figma.com/file/gZ2qwGfvs35fbvYtrb2uL41m/DevTools-Misc-Icons Not including Debugger play/pause/step icons alone for now.

We can do a first round of review on those icons:  /cc @violasong @mcroud 1. Eye icon. This is used in the Style Editor to disable a stylesheet, and...

A crossed-out eye could be good, and follows conventions used for several Photon icons too. Let's start with implementing search, filter and the color picker icon. Filed [bug 1522041](https://bugzilla.mozilla.org/show_bug.cgi?id=1522041) for...

Search, Filter and Eyedropper icons landing later today. :)