[Webkit-unassigned] [Bug 44302] New: Web Inspector: elements css: make clear which checkbox goes to which property

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=44302

           Summary: Web Inspector: elements css: make clear which checkbox
                    goes to which property
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Web Inspector
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: phazei at gmail.com
                CC: timothy at apple.com, rik at webkit.org, keishi at webkit.org,
                    pmuellr at yahoo.com, joepeck at webkit.org,
                    pfeldman at chromium.org, yurys at chromium.org,
                    bweinstein at apple.com


If viewing the styles property/value list on a wide display, the checkbox can be quite the distance from the actual property/value.

It should be more distinct which checkbox goes with which property.  There is a title text box, but that doesn't provide a response as timely as a visual que.  

This could be accomplished by either faintly highlighting across the line on mouse over, or placing the checkbox to the left of the property.

I think the checkbox to the left of the property would be more intuitive.  Just like when someone goes over a list on a piece of paper and follow the items with their finger, one usually uses the cursor in the same manner when looking through a list, because of this, the cursor would be closer to the left side of the items.

If this was done, then the title text could be removed entirely.  That title text actually poses a bit problem if you're trying to read the properties and keep track of where you are with the cursor, when it pops up, it obscures the properties around the cursor.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.