Allow toggling of CSS shorthands and longhands in Rule View

NEW
Unassigned

Status

P3
normal
5 years ago
4 months ago

People

(Reporter: miker, Unassigned)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

Firebug allows toggling of CSS shorthands and longhands (I prefer this inline a la Firebug) rather than using an expandable tree. A rule could have both "border: 0 solid #F00" and "border-bottom: 10px". If that is what is in my CSS then that is what I would want to see in the rule view instead of the mess that we currently show.
I assume the issue here is rather that in the case of having 'border' and 'border-*' defined, the serialization fails. See bug 713613.

Sebastian
Flags: needinfo?(mratcliffe)
(In reply to Sebastian Zartner [:sebo] from comment #1)
> I assume the issue here is rather that in the case of having 'border' and
> 'border-*' defined, the serialization fails. See bug 713613.
> 
> Sebastian

Yes, it is due to the way we parse CSS. Not much we can do without causing memory bloat.

At some point I will probably write a CSS parser using JS, which isn't hard.

I often wonder if this would be a better solution as we could include vendor prefixed and authored CSS.
Flags: needinfo?(mratcliffe)

Updated

3 years ago
Priority: -- → P3

Updated

4 months ago
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.