Bug 212919

Summary: Web Inspector: Styles: display longhand properties under shorthands
Product: WebKit Reporter: Nikita Vasilyev <nvasilyev>
Component: Web InspectorAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: inspector-bugzilla-changes
Priority: P2    
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Bug Depends on: 211467    
Bug Blocks:    
Attachments:
Description Flags
[Image] Firefox vs Chrome vs Safari none

Nikita Vasilyev
Reported 2020-06-08 13:57:08 PDT
Created attachment 401367 [details] [Image] Firefox vs Chrome vs Safari Both Firefox DevTools and Chrome DevTools (a) fold longhand properties into shorthands (b) provide UI to expand shorthands to display the corresponding longhands. We should do the same. Displaying longhands as leafs of shorthands helps web developers understand CSS. Some shorthands are notoriously hard to comprehend. "font: normal 24px/1.2 sans-serif" - what is "normal" here? font-weight? font-style? font-stretch? font-variant-ligatures? font-variant-caps?
Attachments
[Image] Firefox vs Chrome vs Safari (95.19 KB, image/png)
2020-06-08 13:57 PDT, Nikita Vasilyev 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Note You need to log in before you can comment on or make changes to this bug.