Open Bug 711944 Opened 13 years ago Updated 2 years ago

Inspector should have a units tooltip for css values as appropriate

Categories

(DevTools :: Inspector, enhancement, P3)

enhancement

Tracking

(Not tracked)

People

(Reporter: miker, Unassigned)

References

(Blocks 1 open bug)

Details

(Whiteboard: [computedview][ruleview])

Attachments

(1 file)

Web developer style tools should have a units tooltip for css values as appropriate. This could be a ruler with a slider.
Please see meta bug 711947 for more info
Filter on PEGASUS
Whiteboard: [computedview][ruleview]
Attached image Unit Tooltip
It should look something like this (screenshot courtesy of Lea Verou).

The code she uses for her previews is at https://github.com/LeaVerou/dabblet/blob/master/code/previewers.js

She says that if we use her code (with changes) we should credit her in the file header.
Absolute Unit Regex (we couldn't indicate the size of relative units):
/[\d.]+(cm|mm|in|pt|pc|px|rem|vw|vh)/gi
Component: Developer Tools: Style Editor → Developer Tools: Inspector
Summary: Web developer style tools should have a units tooltip for css values as appropriate → Inspector should have a units tooltip for css values as appropriate
This is not really good for user interface for 2 reasons :
- It's completly useless since you can just look at the element itself
- Imagine someone puts a 1000px width, it'll cover the whole screen

I suggest you make a panel like this instead :
Unit conversion :
15px
1em
1cm
Severity: normal → enhancement
Inspector bug triage (filter on CLIMBING SHOES).
Priority: -- → P3
Product: Firefox → DevTools
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: