[
https://issues.apache.org/jira/browse/CB-678?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13271961#comment-13271961
]
Patrick Mueller commented on CB-678:
------------------------------------
I believe this is a dup of CB-85, so I'm going to resolve as duplicate.
I didn't realize you could work around this bug w/ the external link w/media
rules. Good to know, but ... who wants to HAVE to do that, eh?
Can't remember where we stand with this bug. IIRC, it's possible to get the
media rules, but there's no way for me to query whether they're "active"
against a particular element. So, I'd have to have a "media expression
interpreter", and also be able to calculate all the values that the expression
is using (like max-width, in this case). Seemed like at least doing some of
that would be possible - not all of it, but some of it - and would be a useful
subset (like max-width).
Anyhoo, "watch" CB-85, and bug me there. If for some reason it doesn't look
like a DUP, feel free to comment further ...
> 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
