studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄(react) make multi select height homogeneous

Browse Source 
Some discussion appeared about the fact the multi select was changing
height when pill were selected, making this input having a bigger
height than others making it looks weird in a form comparing to the
others. Modifying the padding and font size make the input keep the
same height.

See #114
This commit is contained in:
Nathan Vasse
2023-09-28 12:20:03 +02:00
committed by NathanVss
parent a1e8f46368
commit a46d28f00a
6 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/react/src/cunningham-tokens.css
View File

@@ -136,6 +136,7 @@
--c--components--forms-select--multi-pill-background-color: var(--c--theme--colors--greyscale-200);
--c--components--forms-select--multi-pill-border-radius: 2px;
--c--components--forms-select--multi-pill-max-width: 68%;
--c--components--forms-select--multi-pill-font-size: var(--c--theme--font--sizes--m);
--c--components--forms-radio--border-color: var(--c--theme--colors--greyscale-300);
--c--components--forms-radio--accent-color: var(--c--theme--colors--success-600);
--c--components--forms-radio--background-color: white;