Conversation
|
@damiandenhaag is attempting to deploy a commit to the nl-design-system Team on Vercel. A member of the Team first needs to authorize it. |
|
| .utrecht-form-field--checkbox:focus-within :is(*, *::before, *::after) { | ||
| outline: none !important; | ||
| box-shadow: none !important; | ||
| -webkit-box-shadow: none !important; | ||
| } | ||
|
|
||
| .utrecht-form-field--checkbox:focus-within { | ||
| outline: 3px dashed #8a6f1d; | ||
| border-radius: 8px; | ||
| outline-offset: -6px; | ||
| } |
There was a problem hiding this comment.
Wat betreft de checkbox zou dit niet doen. Ik zou eerder deze regel verwijderen die op regel 41 staat:
--of-utrecht-form-label-checkbox-focus-within-outline: 1px solid var(--denhaag-color-blue-4); Deze regels kunnen dan ook verwijderd worden.
Dit zorgt er voor dat die lijn rond de checkbox + label verdwijnt, en dan maken jullie gebruik van dezelfde focus als wij doen:

(https://nl-design-system.github.io/denhaag/?path=/story/react-formfield--checkbox-group-with-description)
Wanneer de wens van UX is om die outline om het gehele item te zetten moeten we waarschijnlijk het component van Utrecht aanpassen.
There was a problem hiding this comment.
Het is inderdaad de wens van UX om de outline om het gehele item te zetten
Closing issues