firefox-devtools / ux

Firefox DevTools UX Community
Mozilla Public License 2.0
103 stars 21 forks source link

[Inspector - Rule View] Adding a property to a rule #106

Open nchevobbe opened 4 years ago

nchevobbe commented 4 years ago

In the rule view, it's a common operation to add a new property to an existing rule. But that's something you have to know is possible, as there is no hints in the UI this can be done.

A new property can be added by clicking anywhere in the rule block, except on existing properties, location and selector.

image

This can be confusing, especially for people who are not used to those tools.

We could think of a way to make this more explicit. A proposal would be to add a + button next to the closing curly bracket. Since there's room, we could even go for a text button (Add property). If we feel like this would be visually too heavy, we could only show the button when hovering the rule block.

Let's discuss!