CSS multiple background highlighter

NEW
Unassigned

Status

DevTools
CSS Rules Inspector
P3
enhancement
3 years ago
5 days ago

People

(Reporter: ntim, Unassigned)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

3 years ago
It'd be nice to be able to view how each background is positioned if there are multiple ones.

For example : http://jsfiddle.net/ntim/k89k93d5/ , on <label>, there are multiple radial gradients, it'd be nice if hovering each of them would highlight each radial gradient in the element.
(Reporter)

Comment 1

3 years ago
Patrick, What do you think of this idea ?
Flags: needinfo?(pbrosset)
Good point. The demo you linked to would definitely be easier to work on with such a tool. I wonder how/if it should be coupled with the highlighter in bug 1108288.

If I understand correctly, your use case is primarily being able to visually associate an entry in the background-image declaration with the corresponding gradient in the page, right?

I like the idea, but I'm uncertain if this should happen on hover of the gradient value. In fact, I think I'd like to move a little bit away from the highlight-on-hover thing in the rule-view, as it sometimes causes confusion (see bug 1106272).
Also, we may want to have special editor tooltips for gradients. What about when we have such a tooltip, then highlight the position/size of the gradient when the tooltip is opened?
Flags: needinfo?(pbrosset)
See Also: → bug 1108288
(Reporter)

Comment 3

3 years ago
(In reply to Patrick Brosset [:pbrosset] [:patrick] from comment #2)
> Good point. The demo you linked to would definitely be easier to work on
> with such a tool. I wonder how/if it should be coupled with the highlighter
> in bug 1108288.
> 
> If I understand correctly, your use case is primarily being able to visually
> associate an entry in the background-image declaration with the
> corresponding gradient in the page, right?
Yes, but not simply with gradients, with all kinds of background-images.

> I like the idea, but I'm uncertain if this should happen on hover of the
> gradient value. In fact, I think I'd like to move a little bit away from the
> highlight-on-hover thing in the rule-view, as it sometimes causes confusion
> (see bug 1106272).
> Also, we may want to have special editor tooltips for gradients. What about
> when we have such a tooltip, then highlight the position/size of the
> gradient when the tooltip is opened?
Yeah, that sounds good to me.
Inspector bug triage. Filter on CLIMBING SHOES.
Severity: normal → enhancement
Priority: -- → P3
Component: Developer Tools: Inspector → Developer Tools: CSS Rules Inspector

Updated

5 days ago
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.