Bug 253334 - Web Inspector: Fonts Panel: Update grid layout for variation axis controls
Summary: Web Inspector: Fonts Panel: Update grid layout for variation axis controls
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-03-03 11:22 PST by Razvan Caliman
Modified: 2023-03-03 11:22 PST (History)
2 users (show)

See Also:

Attachments
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 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>