Open Bug 1227054 Opened 5 years ago Updated 2 years ago

Show whether a CSS property, value or selector is valid

Categories

(DevTools :: Inspector: Rules, enhancement, P3)

enhancement

Tracking

(Not tracked)

People

(Reporter: sebo, Unassigned)

References

(Blocks 2 open bugs, )

Details

(Whiteboard: [btpp-backlog])

While editing a CSS property, value or selector it should be indicated whether the currently entered value is valid and applies to the selected element.

Firebug 2 does this by showing a red, yellow or green glow effect arround the inline editor. A description of what those colors mean can be found here:

https://getfirebug.com/wiki/index.php/CSS_Panel#Editing_rules

Sebastian
This is a nice idea. Not going to be a priority in the coming months for the team though. Patches welcome though :)
Priority: -- → P3
Whiteboard: [btpp-backlog]
Blocks: firebug-gaps
Component: Developer Tools: Inspector → Developer Tools: CSS Rules Inspector
Summary: [rule view] Show whether a CSS property, value or selector is valid → Show whether a CSS property, value or selector is valid
Bug 1411664 addresses part of this issue. It updates the warning next to the declaration to indicate if the property name is invalid.
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.