Open Bug 1377423 Opened 7 years ago Updated 2 years ago

CSS grid inspector nits: Select icon and color picker title

Categories

(DevTools :: Inspector, defect, P3)

Product:
DevTools
Component:
Inspector
Version:
56 Branch
Type:
defect

Tracking

(firefox57 fix-optional)

Status:
UNCONFIRMED
Tracking Flags:
Tracking Status
firefox57 --- fix-optional

People

(Reporter: gerd.neumann, Unassigned)

References

(Blocks 1 open bug)

Details

Attachments

(1 file)

Select_icon__Color_picker.png
11.15 KB, image/png
Details 
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
Component: Untriaged → Developer Tools: Computed Styles Inspector
Blocks: dt-grid
Component: Developer Tools: Computed Styles Inspector → Developer Tools: Inspector
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

Creator:
Created:
Updated:
Size: