Open Bug 1134412 Opened 11 years ago Updated 11 months ago

Add SVG styling attributes into the rule view

Categories

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

Product:
DevTools
Component:
Inspector: Rules
Type:
defect

Tracking

(Not tracked)

People

(Reporter: ntim, Unassigned)

References

(Blocks 1 open bug,
URL
)

Details

In SVG, there are CSS properties that have their SVG attribute equivalent (for example fill or stroke). It'd be nice to visually indicate if the SVG attribute overrides the CSS property. Chrome already does this by listing the SVG attributes in the rules view.
Depends on: 1133205
Ah, styles have higher priority than attributes. But it's still nice to be able to show styling attributes (fill, stroke, ...) from the rules view.
Summary: Add indicator in the rules view when an SVG attribute overrides a SVG style → Add SVG styling attributes into the rule view
Inspector bug triage. Filter on CLIMBING SHOES. Adding example URL : data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='150' height='150'><rect x="10" y="10" width="100" height="100" stroke="blue" fill="purple" fill-opacity="0.5" stroke-opacity="0.8"/></svg>
URL: data:image/svg+xml;utf8,<svg xmlns='h...
Component: Developer Tools: Inspector → Developer Tools: CSS Rules Inspector
Priority: -- → P3
See Also: → 1280118
Product: Firefox → DevTools
Severity: normal → S3

I'm too new to have "mark as duplicate" perms, but Bug 1791256 is a duplicate of this issue. I briefly looked into how one might implement the functionality, and commented it over there before I found this one.

Duplicate of this bug: 1791256
You need to log in before you can comment on or make changes to this bug.