🐛 Sentrering av checkmark i Checkbox (#2682)

* 🐛 Checkmark er nå alltid sentrert i checkbox * 📝 Changeset * Update @navikt/core/css/form/radio-checkbox.css
navikt · Jan 31, 2024 · fdfdebf · fdfdebf
1 parent 56abe56
commit fdfdebf
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/famous-peas-invent.md b/.changeset/famous-peas-invent.md
@@ -0,0 +1,5 @@
+---
+"@navikt/ds-css": patch
+---
+
+Checkbox: I noen edgecaser ved bruk av shadow-dom ble ikke checkmark sentert i Checkbox
diff --git a/@navikt/core/css/form/radio-checkbox.css b/@navikt/core/css/form/radio-checkbox.css
@@ -143,6 +143,10 @@
   height: 1.5rem;
   transform: translate(var(--a-spacing-1-alt));
   pointer-events: none;
+
+/* Fixed edcase where when using in shadow-dom, svg will not center */
+  display: flex;
+  align-items: center;
 }
 
 .navds-checkbox--small .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {