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

✨(react) max width for multi select pills

Browse Source 
In order to prevent a pill with a long text to stack below the actions
div we decided to introduce the concept of max-width for pills.
This commit is contained in:
Nathan Vasse
2023-06-15 17:49:49 +02:00
committed by NathanVss
parent 29b58ed1a6
commit 34d2fe0af3
6 changed files with 14 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

@@ -125,6 +125,7 @@
--c--components--forms-select--label-color--focus: #0556BF;
--c--components--forms-select--multi-pill-background-color: #F3F4F4;
--c--components--forms-select--multi-pill-border-radius: 2px;
--c--components--forms-select--multi-pill-max-width: 68%;
--c--components--forms-radio--border-color: #E7E8EA;
--c--components--forms-radio--accent-color: #419A14;
--c--components--forms-radio--background-color: white;