fix(FieldBlock): remove max label width when width stretch

dnbexperience · Dec 13, 2024 · 1e9a770 · 1e9a770
1 parent e7ad727
commit 1e9a770
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 3 deletions.
diff --git a/...gn-system-portal/src/docs/uilib/extensions/forms/create-component/FieldBlock/Examples.tsx b/...gn-system-portal/src/docs/uilib/extensions/forms/create-component/FieldBlock/Examples.tsx
@@ -85,7 +85,7 @@ export const Widths = () => {
           <TestElement>Contents</TestElement>
         </FieldBlock>
         <FieldBlock
-          label="Stretch (affects outer block element)"
+          label="Stretch (affects outer block element) this label is long to validate that this stretches full width as well when width property has value stretch."
           width="stretch"
         >
           <TestElement>Contents</TestElement>

diff --git a/...ests__/__image_snapshots__/fieldblock-for-sbanken-have-to-match-widths.snap.png b/...ests__/__image_snapshots__/fieldblock-for-sbanken-have-to-match-widths.snap.png
diff --git a/...k/__tests__/__image_snapshots__/fieldblock-for-ui-have-to-match-widths.snap.png b/...k/__tests__/__image_snapshots__/fieldblock-for-ui-have-to-match-widths.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
@@ -45,8 +45,8 @@ fieldset.dnb-forms-field-block {
   &--width {
     &-stretch {
       flex-grow: 1;
-      .dnb-forms-field-block__label.dnb-form-label {
-        max-width: auto;
+      label.dnb-form-label {
+        max-width: none;
       }
     }
     @include allAbove(x-small) {