Open Bug 1288389 Opened 6 years ago Updated 2 months ago

Make the new eyedropper UI adapt to the zoom level in the page.

Categories

(DevTools :: Inspector, defect, P2)

49 Branch
defect

Tracking

(firefox50 affected, firefox51 affected)

Tracking Status
firefox50 --- affected
firefox51 --- affected

People

(Reporter: pbro, Unassigned)

References

Details

Since bug 1262439, the eyedropper has become a highlighter.
This means that it is injected into the content page and, therefore, is subject to its zoom level.

Right now, if you zoom in or out, the eyedropper UI becomes bigger or smaller, like the rest of the page.

However, the eyedropper UI is a logical part of devtools, not the page. It just happens to be in the page.

So, just like we do for other highlighters (like the box-model one), we'd like to make it adapt to the zoom level.

When the page is zoomed in, make the eyedropper smaller so it still looks the same.
And when the page is zoomed out, make the eyedropper bugger, so it still looks the same.

We have a helper function already that should do that: 
http://searchfox.org/mozilla-central/rev/6bb28c9903fe38d445cd2d3b17af4eabdade9335/devtools/server/actors/highlighters/utils/markup.js#480-514
but it produces really bad results in that case. The eyedropper appears pixelated or blurry.
Inspector bug triage (filter on CLIMBING SHOES).
Priority: -- → P2
Product: Firefox → DevTools
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.