Bug 161965 - Web Inspector: Add visual cues to changed rules in "Styles — Rules" pane
Summary: Web Inspector: Add visual cues to changed rules in "Styles — Rules" pane
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: Safari Technology Preview
Hardware: All All
: P2 Enhancement
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2016-09-14 08:43 PDT by David Gasperoni
Modified: 2016-12-13 15:33 PST (History)
2 users (show)

See Also:

Attachments
'Styles — Visual' cues (446.41 KB, image/png)
2016-09-14 08:43 PDT, David Gasperoni 		no flags Details
Firefox behaviour (193.77 KB, image/png)
2016-09-14 08:45 PDT, David Gasperoni 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description David Gasperoni 2016-09-14 08:43:37 PDT 
Created attachment 288818 [details]
'Styles — Visual' cues

There are already visual cues after changing values in the Visual tab. (see screenshot "'Styles — Visual' cues")

It would be nice to have similar visual cues in the Rules view. Firefox already something similar, highlighting rules that have been manually changed or manually overridden by other manually add rules. (see screenshot "Firefox behaviour")
Comment 1 Radar WebKit Bug Importer 2016-09-14 08:44:06 PDT 
<rdar://problem/28300701>
Comment 2 David Gasperoni 2016-09-14 08:45:33 PDT 
Created attachment 288819 [details]
Firefox behaviour

In the Firefox inspector I manually edited the z-index value, and added a second border-radius that overrides an already present rule.