Issue 5277: Display @import rule media queries and allow editing them
Steps to reproduce
- Open Firebug
- Switch to the CSS panel
-
Select issue5277.html from the Location Menu
⇒
@import "issue5277.css" screen and (min-width: 400px);
should be listed inside the panel
-
Resize the browser window, so that the content width is between 400 and 800 pixels
⇒ The <div>
above (#element1
) should be green
- Click the media query of the rule
-
Change
400px
to 800px
⇒ The <div>
above (#element1
) should now be blue
- Leave inline editing by clicking somewhere outside the editor
-
Resize the browser window, so that the content with is greater than 800 pixels
⇒ The <div>
above (#element1
) should be green again
Expected result
- @import rule media queries should be displayed and inside the CSS panel and the user should be able to edit them (with changes immediately applied)