Bug 37770 – Web Inspector: put checkbox to disable/enable styles to the left of the property

• Status: RESOLVED
• Resolution: DUPLICATE
• Component: Web Inspector (Deprecated)

[lensco]

Judging by Fitts's law and personal experience, the checkbox to disable/enable a certain property in the styles panel should go on the left of the property, not the right. Especially when you make the styles panel wider, the checkbox is too far from the property itself.

Pfeldman noted (http://lensco.be/2010/04/15/webkit-inspector-wish-list/#comment-304) that this "is tough due to expandable shorthands" but I don't really see that problem?

[poppyto]

A lot of developers dislike this right css checkbox.
AND The modification is very...trivial !

The solution is in this issue :

http://code.google.com/p/chromium/issues/detail?id=66628

I think it's VERY important to implement this issue, I have personally had enough to use Firefox&Firebug for add/remove style.

[Annie Sullivan]

Created attachment 101902 [details]
Patch

Implements suggestions from comments 4 and 7 of Chromium bug 66628

[Pavel Feldman]

Created attachment 101907 [details]
[IMAGE] Before

[Pavel Feldman]

Created attachment 101908 [details]
[IMAGE] After

[Pavel Feldman]

"After" looks way more cluttered to me. Can we show checkboxes on hover + to the left from the expand arrows without indenting the content?

Nit: It seems to be broken a bit (longhand properties are indented way too much), while editing name, edit box touches checkbox.

Could you start with a mock / screenshot instead? I don't think we should make new looks default, but we now have settings + ability to track user preference.

[Pavel Feldman]

Comment on attachment 101902 [details]
Patch

r- for minor glitches. lets start with the mock too.

[poppyto]

Many Thanks for adding my patch :)
Regards

[poppyto]

I also disagree about checkboxes always visible.

(In reply to comment #5)
> "After" looks way more cluttered to me. Can we show checkboxes on hover + to the left from the expand arrows without indenting the content?
> 
> Nit: It seems to be broken a bit (longhand properties are indented way too much), while editing name, edit box touches checkbox.
> 
> Could you start with a mock / screenshot instead? I don't think we should make new looks default, but we now have settings + ability to track user preference.

[Ingo Chao]

Created attachment 118980 [details]
after-2

checkbox to the left, then the longhand indicator, then the property/value

[Alexander Pavlov (apavlov)]

*** This bug has been marked as a duplicate of bug 78780 ***