1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-26 13:48:33 +02:00

feat: add values chip styling (#9789)

Made chips coloring and paddings correct.


![image](https://github.com/user-attachments/assets/734072cf-b053-492a-ae27-134b1a530345)
This commit is contained in:
Jaanus Sellin 2025-04-17 11:54:19 +03:00 committed by GitHub
parent 9678054116
commit 923578c9ea
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -36,9 +36,21 @@ const ValueChipBase = styled(
)(({ theme }) => ({
transition: 'all 0.3s ease',
outline: `1px solid #0000`,
background: theme.palette.background.elevation1,
background: theme.palette.secondary.light,
color: theme.palette.secondary.dark,
border: `1px solid ${theme.palette.secondary.border}`,
padding: 0,
height: 'auto',
'& .MuiChip-label': {
paddingTop: theme.spacing(0.5),
paddingBottom: theme.spacing(0.5),
paddingLeft: theme.spacing(1.5),
},
'& .MuiChip-deleteIcon': {
marginRight: theme.spacing(1),
},
':hover, :focus-visible': {
background: theme.palette.background.elevation1,
background: theme.palette.secondary.light,
},
':focus-visible': {
outlineColor: theme.palette.secondary.dark,
@ -72,8 +84,8 @@ const AddValuesButton = styled('button')(({ theme }) => ({
whiteSpace: 'nowrap',
gap: theme.spacing(0.25),
alignItems: 'center',
paddingInline: theme.spacing(1.5),
height: theme.spacing(3),
padding: theme.spacing(0.5, 1.5, 0.5, 1.5),
height: 'auto',
transition: 'all 0.3s ease',
outline: `1px solid #0000`,
background: theme.palette.background.elevation1,