Charlie Scheinost created CB-678:
------------------------------------
Summary: Weinre does not show correct matched CSS rules when media
queries are inline
Key: CB-678
URL: https://issues.apache.org/jira/browse/CB-678
Project: Apache Cordova
Issue Type: Bug
Components: weinre
Affects Versions: 1.7.0
Environment: node
Reporter: Charlie Scheinost
Assignee: Patrick Mueller
Priority: Minor
If CSS rules are specified inline in a CSS file weinre only shows the first
matched CSS rule, not the rule from the applied media query.
This works:
<link href="main.css" rel="stylesheet" type="text/css">
<link media='screen and (min-width: 700px) and (max-width: 900px)'
href="large.css" rel="stylesheet" type="text/css">
<link media='screen and (min-width: 0px) and (max-width: 699px)'
href="small.css" rel="stylesheet" type="text/css">
weinre will show me all the matched rules for a given selector.
But if I specify one css file, it fails.
<link href="combined.css" rel="stylesheet" type="text/css">
Where combined.css looks like
body {
background: black
no-repeat center top;
font: .81em/150% Arial, Helvetica, sans-serif;
color: yellow
}
@media screen and (max-width: 650px) {
body {
background: gray
no-repeat center top;
font: .81em/150% Arial, Helvetica, sans-serif;
color: blue
}
}
Weinre will not show me the matched rules for a screen smaller than 650px. The
browser shows the css is applied but weinre does not see it.
--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators:
https://issues.apache.org/jira/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira
