716516 - Improve developer tool fonts and general styles

Status: RESOLVED WONTFIX

(DevTools :: General, defect, P2)

Description

[Mike Ratcliffe [:miker] [:mratcliffe] [:mikeratcliffe]]

We really should improve the developer tools fonts, colors and indentation to make the tools easier to use.
1. CSS selectors (along with braces) should be color 1
2. Names and values should be colors 2 and 3
3. Names and values should be indented where appropriate to make them easier to read
4. CSS rule checkboxes should only be visible only when the appropriate property is moused over ... this will greatly tidy up the visual space.
5. In order to free up even more visual space in the rule view the file and line number should be on the right-hand side of the CSS selector.

All of our tools should use the same set of color rules for the sake of consistency. We should also include the object inspector in this.

Comment 1

[Paul Rouget [:paul]]

Also, see bug 712469.

Comment 2

[Jason Grlicky [:grlicky]]

Totally agree, Michael, I'll be incorporating your points into my mockups!

Comment 3

[Mike Ratcliffe [:miker] [:mratcliffe] [:mikeratcliffe]]

We need to wait for Jasons mockups in order to progress with this.

Comment 4

[Dave Camp (:dcamp)]

Triage, filter on pegasus.

Comment 5

[Paul Rouget [:paul]]

Does the current work in bug 712469 address all these points?

Comment 6

[Paul Rouget [:paul]]

We did most of these things. And the bug is too generic to be useful now.

triage. Filter on PINKISBEAUTIFUL