Closed Bug 1033012 Opened 10 years ago Closed 1 year ago

Show computed values of CSS variables in the sidebar

Categories

(DevTools :: Style Editor, enhancement, P3)

enhancement

Tracking

(Not tracked)

RESOLVED WONTFIX

People

(Reporter: jaws, Unassigned)

References

(Blocks 1 open bug)

Details

It would be helpful while working with CSS variables to see what their computed value is while testing as well as that they are working as intended. We could show the computed value for the CSS variable on the sidebar below the media query section, and it could update the value based on the context of the cursor within the Style Editor.
Some sheets have quite a few @media rules, so this couldn't go below it. Maybe the sidebar could be tabbed. That said, I don't think web developers will be using CSS variables for quite awhile.
Blocks: 1223058
Inspector bug triage (filter on CLIMBING SHOES).
Severity: normal → enhancement
Inspector bug triage (filter on CLIMBING SHOES).
Priority: -- → P3
Product: Firefox → DevTools
Severity: normal → S3

I don't think this is something we want in the style editor, as css variables computed value depend on the selected node.
We're now showing css variable computed value in the Inspector computed panel (Bug 1834690), which I think is a better place for that information.
Let's close this bug

Status: NEW → RESOLVED
Closed: 1 year ago
Resolution: --- → WONTFIX
You need to log in before you can comment on or make changes to this bug.