Page MenuHomePhabricator

Explore the use of the 'lh' and/or 'rlh' css properties to define the size of binary inputs
Closed, InvalidPublic

Description

As a suggestion (not yet validated with WMF) the size of binary inputs (radio buttons, check boxes) should be relative (1:1) to the line-height applied to the accompanying label text. In order to achieve that with the least amount of code, we could use the css4 size unit 'lh' or 'rlh'.

This solution could also be applied to properly align icon buttons (which size, after all, also matches the 20px line-height applied to button labels).

Note: the 'lh' unit is experimental and, as such, not yet supported by any browser.

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript
Sarai-WMDE renamed this task from Use the 'lh' and/or 'rlh' css properties to define the size of binary inputs to Explore the use of the 'lh' and/or 'rlh' css properties to define the size of binary inputs.May 20 2020, 1:52 PM

This ticket is no longer relevant because we're deprecating our legacy design system, WiKit (See T327532).