Bug 176640

Summary:	Web Inspector: Styles: Gray out media query selectors that don't match
Product:	WebKit	Reporter:	Nikita Vasilyev <nvasilyev>
Component:	Web Inspector	Assignee:	Nikita Vasilyev <nvasilyev>
Status:	ASSIGNED
Severity:	Normal	CC:	inspector-bugzilla-changes, webkit-bug-importer
Priority:	P2	Keywords:	InRadar
Version:	WebKit Nightly Build
Hardware:	All
OS:	All
Bug Depends on:	176289
Bug Blocks:

Nikita Vasilyev

Reported 2017-09-08 17:26:27 PDT

For example, for @media screen, print "screen" should be black, and print should be gray. Unless the page is in the print mode, than it's vice versa. Graying out non-matching media query selectors is useful for unintuitive CSS queries: @media (max-width:9999px), (max-height:10px) and (max-width:10px) "(max-width:9999px)" should be black, as this query matches any page with the width < 9999px. "(max-height:10px) and (max-width:10px)" should be gray, as this query matches any page with the width and height < 10px.

Attachments
Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2017-09-08 17:26:49 PDT

<rdar://problem/34344031>

Note You need to log in before you can comment on or make changes to this bug.