Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-09-28 17:55:15 +02:00
Code Issues Projects Releases Wiki Activity

feat: add values chip styling (#9789)

Browse Source 
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
1 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/ValueList.tsx
View File

@ -36,9 +36,21 @@ const ValueChipBase = styled(
)(({ theme }) => ({ )(({ theme }) => ({
transition: 'all 0.3s ease', transition: 'all 0.3s ease',
outline: `1px solid #0000`, 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': { ':hover, :focus-visible': {
background: theme.palette.background.elevation1, background: theme.palette.secondary.light,
}, },
':focus-visible': { ':focus-visible': {
outlineColor: theme.palette.secondary.dark, outlineColor: theme.palette.secondary.dark,
@ -72,8 +84,8 @@ const AddValuesButton = styled('button')(({ theme }) => ({
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
gap: theme.spacing(0.25), gap: theme.spacing(0.25),
alignItems: 'center', alignItems: 'center',
paddingInline: theme.spacing(1.5), padding: theme.spacing(0.5, 1.5, 0.5, 1.5),
height: theme.spacing(3), height: 'auto',
transition: 'all 0.3s ease', transition: 'all 0.3s ease',
outline: `1px solid #0000`, outline: `1px solid #0000`,
background: theme.palette.background.elevation1, background: theme.palette.background.elevation1,