Open Bug 1134412 Opened 9 years ago Updated 2 years 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
You need to log in before you can comment on or make changes to this bug.