Bug 253334

Summary:	Web Inspector: Fonts Panel: Update grid layout for variation axis controls
Product:	WebKit	Reporter:	Razvan Caliman <rcaliman>
Component:	Web Inspector	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	inspector-bugzilla-changes, webkit-bug-importer
Priority:	P2	Keywords:	InRadar
Version:	WebKit Nightly Build
Hardware:	All
OS:	All

Description Razvan Caliman 2023-03-03 11:22:21 PST

Follow-up to Bug 253199.


In https://github.com/WebKit/WebKit/pull/10899 we adjusted the layout of the variation axis component so the tag, range input, value input and warning label align on the inline axis using `align-items: center` on the grid container. To achieve this, we took the min/max values out of the grid flow so they don't contribute to the height and misalign the items. We should fix this by adjusting the grid layout to accommodate the min/max values without impacting the alignment.

Comment 1 Radar WebKit Bug Importer 2023-03-03 11:22:42 PST

<rdar://problem/106203755>