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

[bugzilla-daemon at webkit.org]

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





--- Comment #3 from ryankshaw+webkitbugzilla at gmail.com  2009-07-09 18:10:03 PDT ---
Keishi, first off: thanks a lot for the pointer, I am excited to see that
editing css properties is, indeed, possible already by double clicking.  I
would definately second Mark's suggestion that the user interaction on it could
be a little more discoverable, as in dont make me double click, a single click
should do.  while I am in edit mode if I hit tab, take me to a new line where I
can create a new property for that style declaration.  
I made a video to make this more clear:
http://screencast.com/t/tlMxsfOUj

As far as creating stylesheet rules on the fly, you're right source order would
be a factor here but I would suggest that if you created them on the fly it
would be just like appending a <style> node right before </body> so it's source
order would be last of all stylesheets.  
or in jquery code doing the equivalent of: 
$('<style>div.foo{color:blue;}</style>').appendTo('body'); 
where "div.foo{color:blue;}" was whatever they had typed in.

Along with this, something that would make us css dev's really happy is being
able to modify the selector that was used for a certain style rule.  so if I
had a selector: div.foo_class in my stylesheet, I could change that to be just
.foo_class or h1.bar_class or whatever. 

here is a video to show those last 2 more clearly:
http://screencast.com/t/mJsGddXePE

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