[
https://issues.apache.org/jira/browse/CB-678?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Patrick Mueller resolved CB-678.
--------------------------------
Resolution: Duplicate
DUP of CB-85
> 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
