fix(Upload): alignment when displaying single DL item (#4210)

dnbexperience · Nov 5, 2024 · 5f745f5 · 5f745f5
1 parent 0ec1388
commit 5f745f5
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 0 deletions.
diff --git a/packages/dnb-eufemia/src/components/upload/__tests__/Upload.screenshot.test.ts b/packages/dnb-eufemia/src/components/upload/__tests__/Upload.screenshot.test.ts
@@ -45,6 +45,7 @@ describe.each(['ui', 'sbanken'])('Upload for %s', (themeName) => {
 
   it('have to match disabled file max size', async () => {
     const screenshot = await makeScreenshot({
+      style: { height: '14rem' },
       selector: '[data-visual-test="upload-disabled-file-max-size"]',
     })
     expect(screenshot).toMatchImageSnapshot()

diff --git a/...ge_snapshots__/upload-for-sbanken-have-to-match-disabled-file-max-size.snap.png b/...ge_snapshots__/upload-for-sbanken-have-to-match-disabled-file-max-size.snap.png
diff --git a/...__image_snapshots__/upload-for-ui-have-to-match-disabled-file-max-size.snap.png b/...__image_snapshots__/upload-for-ui-have-to-match-disabled-file-max-size.snap.png
diff --git a/packages/dnb-eufemia/src/elements/lists/style/lists-mixins.scss b/packages/dnb-eufemia/src/elements/lists/style/lists-mixins.scss
@@ -156,6 +156,7 @@
       display: flex;
       flex-wrap: wrap;
       max-width: 60ch; // to enhance readability
+      width: 100%;
 
       & dt {
         margin-top: 0;

diff --git a/packages/dnb-eufemia/src/style/elements/__tests__/__snapshots__/Elements.test.js.snap b/packages/dnb-eufemia/src/style/elements/__tests__/__snapshots__/Elements.test.js.snap
@@ -490,6 +490,7 @@ del .dnb-code {
     display: flex;
     flex-wrap: wrap;
     max-width: 60ch;
+    width: 100%;
   }
   .dnb-dl__layout--horizontal dt {
     margin-top: 0;