betagouv
/
mon-entreprise
mirror of https://github.com/betagouv/mon-entreprise
1
0
Fork 0
Code Releases Activity

Fix checkbox outline when focus

pull/2494/head
Jérémy Rialland 2023-01-25 10:53:47 +01:00 committed by Johan Girod
parent 1328f2f805
commit 9dc6a56733
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
site/source/design-system/field/Checkbox.tsx
View File

@ -116,8 +116,8 @@ const VisibleContainer = styled.span`
display: inline-flex;
z-index: 1;
border-radius: ${({ theme }) => theme.box.borderRadius};
padding: 0 ${({ theme }) => theme.spacings.xs};
margin: 0 calc(-1 * ${({ theme }) => theme.spacings.xs});
padding: 0 ${({ theme }) => theme.spacings.sm};
margin: 0 calc(-1 * ${({ theme }) => theme.spacings.sm});
align-items: center;
`
const LabelBody = styled(Body)`
@ -157,7 +157,7 @@ const CheckboxContainer = styled.label`
: theme.colors.bases.primary[700]};
}
&:focus-within {
&:focus-within ${VisibleContainer} {
${FocusStyle}
}
`