CSS grid inspector nits: Select icon and color picker title

UNCONFIRMED
Unassigned

Status

()

Firefox
Developer Tools: Inspector
P3
normal
UNCONFIRMED
5 months ago
2 months ago

People

(Reporter: gerd.neumann, Unassigned)

Tracking

(Blocks: 1 bug)

56 Branch
Points:
---

Firefox Tracking Flags

(firefox57 fix-optional)

Details

Attachments

(1 attachment)

(Reporter)

Description

5 months ago
Created attachment 8882529 [details]
Select_icon__Color_picker.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:56.0) Gecko/20100101 Firefox/56.0
Build ID: 20170629030206

Steps to reproduce:

I have two nits about the new CSS grid inspector in the DevTools:

1. The icon for "Click to select the node in the inspector" is the same as the one used in the Rule View for "Highlight all elements matching this selector". Same icon, but different meaning. I think a different icon should be used for "Click to select the node in the inspector"

2. The color picker next to it has a tooltip just showing the color hex value. I think it would be better to change this to "Change grid line color #abcdef "

Of course, I found out the meaning of those two things by trying. But would be better to nail the UX

See screenshot. Probably good first bug

Updated

5 months ago
Component: Untriaged → Developer Tools: Computed Styles Inspector

Updated

4 months ago
Blocks: 1181227
Component: Developer Tools: Computed Styles Inspector → Developer Tools: Inspector

Updated

4 months ago
Priority: -- → P3

Updated

2 months ago
status-firefox57: --- → fix-optional
You need to log in before you can comment on or make changes to this bug.