[Webkit-unassigned] [Bug 82470] New: Web Inspector: Export element.style to a CSS Rule

[bugzilla-daemon at webkit.org]

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

           Summary: Web Inspector: Export element.style to a CSS Rule
           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: nessthehero 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, apavlov at chromium.org,
                    loislo at chromium.org


Created an attachment (id=134300)
 --> (https://bugs.webkit.org/attachment.cgi?id=134300&action=review)
Screen capture of referred location in web inspector

I am in love with the Web Inspector. Currently I use it in Chrome, the latest release (17.0.963.83 m).

Often when I am writing out CSS for a new page, I will play with the styles in the web inspector to get it how I want it, then use the CSS view in the Resources tab (LOVE versioning, btw. Holy hell) to copy my entire stylesheet into the file and save it.

I'd love the ability to export the element.style "inline style editor" to a new CSS Rule.

So for example, if I had

element.style {
  position: absolute;
  top: 50px;
  left: 245px;
}

but I wanted it to be named #foobar, I could click something (the "+" seems like a prime location for me to expect this to happen if I click it) and it would copy those styles into a matched CSS rule and place it at the end of a stylesheet in the Resource view, so I can copy or save it out to an existing or new file.

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