[CORL-829] Bump line-height on select fields (#2779)

* Bump line-height on select to account for hanging font characters

Prevents characters like "g" or "j" being cut off at the
bottom of the select.

CORL-829

* Create new tall line height

Use it for the select boxes to allow for dangling
characters like 'g' and 'j'.

CORL-829
This commit is contained in:
Nick Funk
2020-01-08 11:06:16 -07:00
committed by GitHub
parent 31cf9a4f7d
commit f53db233ce
2 changed files with 2 additions and 1 deletions
@@ -25,7 +25,7 @@
font-family: var(--v2-font-family-primary);
font-weight: var(--v2-font-weight-primary-regular);
font-size: var(--v2-font-size-3);
line-height: var(--v2-line-height-reset);
line-height: var(--v2-line-height-tall);
appearance: none;
outline: none;
color: var(--v2-palette-input-value);
+1
View File
@@ -277,6 +277,7 @@ const variables2 = {
bodyShort: 1.3,
reset: 1,
title: 1.15,
tall: 1.3,
},
fontSize: {
1: "0.75rem",