Victoria Wang
Victoria Wang
Add a section to the Rules autocomplete popup that shows the format of CSS shorthand values (or for any property that has multiple value parts). This could start as an...
 More info/mockups to come!
- Visual polish for toolbar popup
This little gray arrow (with lack of hover/active state) is a bit more hidden than it should be, especially in dark mode. (Related to #4) Perhaps other polish could be...
In Responsive Design Mode, we need to surface a small informational message when the simulated device uses a different or outdated rendering engine in reality. For example, for iPhones, we...
## DevTools focus rings that need UX help: - Tabbing through changeable attributes that already use blue50 to color the entire row, e.g. in Inspector - needs a lighter-colored border,...
Currently, overridden/disabled properties have strike-out styling. - Should they look grayed out for more visibility? - Should overridden styles look different from disabled (unchecked) styles? - Chrome’s solution of making...
Based on [Photon colors](https://design.firefox.com/photon/visuals/color.html) - Dark and light mode variations - Main UI grays and blue accent - Blue/magenta/purple primary patterns - Green/indigo secondary patterns
Also relevant for inspector inline inputs. See: Font panel's subtle look (might be fine with the focus ring, we just need to try it) and Mac OS Mojave. From [Buzilla](https://bugzilla.mozilla.org/show_bug.cgi?id=1491811)
Related to #7: Currently many DevTools interactions can’t be navigated via keyboard or need improved keyboard behavior. It would be great if someone with keyboard navigation experience or interest in...