fix(FieldBlock): ensure extra spacing of labels when on small screens (…

…#3187) Fixes #3102 FieldBlock label now has the same top-margin on small screens as other input fields.
dnbexperience · Jan 8, 2024 · c86c857 · c86c857
1 parent 2062213
commit c86c857
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 0 deletions.
diff --git a/..._image_snapshots__/flexcontainer-have-to-match-field-on-small-viewport.snap.png b/..._image_snapshots__/flexcontainer-have-to-match-field-on-small-viewport.snap.png
diff --git a/...mage_snapshots__/flexcontainer-have-to-match-field-on-x-small-viewport.snap.png b/...mage_snapshots__/flexcontainer-have-to-match-field-on-x-small-viewport.snap.png
diff --git a/...r/__tests__/__image_snapshots__/phonenumber-have-to-match-small-screen.snap.png b/...r/__tests__/__image_snapshots__/phonenumber-have-to-match-small-screen.snap.png
diff --git a/packages/dnb-eufemia/src/extensions/forms/FieldBlock/style/dnb-field-block.scss b/packages/dnb-eufemia/src/extensions/forms/FieldBlock/style/dnb-field-block.scss
@@ -8,6 +8,8 @@ fieldset.dnb-forms-field-block {
 .dnb-forms-field-block {
   &__grid {
     display: grid;
+
+    @include formLabelWrap();
   }
 
   &--layout {