[Webkit-unassigned] [Bug 27124] New: let me *edit* css styles in the web inspector.

[bugzilla-daemon at webkit.org]

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

           Summary: let me *edit* css styles in the web inspector.
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Enhancement
          Priority: P2
         Component: Web Inspector
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: ryankshaw+webkitbugzilla at gmail.com


I would love to use safari for development but seriously the deal breaker is
not being able to *edit* css styles. So I am proposing these features:

1. Let me edit the css styles for a specific element. (easily, like firebug
lets me, not by having to try to add a style=”" attribute)

2. Let me edit the style properties of a css stylesheet rule, like in firebug.
ex:
if I have
.some_selector {
color: red;
}
in my sylesheet, let me change that color to black or add “margin: 10px” or
whatever I want to that rule.

3. This is a bonus, if you want to leapfrog firebug. Let me create stylesheet
rules on the fly and assign properties to them. so, while I am looking at the
page I can say “I wonder what would happen if gave all the h4s on the page an
underline and increased their font size to 1.8em” and then I could just create
a style h4{ text-decoration:underline; font-size: 1.8em;} and see it in action.
(see http://flesler.blogspot.com/2007/11/jqueryrule.html for more of what I am
talking about here)

With those, then I really would start using safari for development.

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