From 5cb734d3480ea6da90c3647ba91ebd9207cf0317 Mon Sep 17 00:00:00 2001 From: -l Date: Thu, 21 Nov 2024 11:43:26 +0100 Subject: [PATCH] fix(Value.SummaryList): aligns Value without a label --- .../docs/uilib/elements/lists/Examples.tsx | 28 ++++++++++++++++++ .../src/docs/uilib/elements/lists/demos.mdx | 5 ++++ .../lists/__tests__/Lists.screenshot.test.ts | 9 ++++++ ...-horizontal-list-without-dt-value.snap.png | Bin 0 -> 22359 bytes .../elements/lists/style/lists-mixins.scss | 4 +++ 5 files changed, 46 insertions(+) create mode 100644 packages/dnb-eufemia/src/elements/lists/__tests__/__image_snapshots__/list-have-to-match-dl-horizontal-list-without-dt-value.snap.png diff --git a/packages/dnb-design-system-portal/src/docs/uilib/elements/lists/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/elements/lists/Examples.tsx index 1968f8d8fcd..21ba8cf47a6 100644 --- a/packages/dnb-design-system-portal/src/docs/uilib/elements/lists/Examples.tsx +++ b/packages/dnb-design-system-portal/src/docs/uilib/elements/lists/Examples.tsx @@ -52,6 +52,34 @@ export const DefinitionListHorizontalExample = () => ( ) +export const DefinitionListHorizontalExampleWithoutDtValue = () => ( + +
+ +
Term 1
+
Description 1
+
+ +
+
Description 2
+
+ +
+ A term with several words lorem dolor sit amet consectetur + adipiscing +
+
+ Description with several words lorem nulla mi posuere cubilia vel + vulputate +
+
+
+
+) + export const DefinitionListGridExample = () => (
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/elements/lists/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/elements/lists/demos.mdx index e5051b4d523..c8d0ad29ee1 100644 --- a/packages/dnb-design-system-portal/src/docs/uilib/elements/lists/demos.mdx +++ b/packages/dnb-design-system-portal/src/docs/uilib/elements/lists/demos.mdx @@ -11,6 +11,7 @@ import { OrderedListStylePositionExample, OrderedListOtherTypesExample, RemoveListExample, + DefinitionListHorizontalExampleWithoutDtValue, } from 'Docs/uilib/elements/lists/Examples' ## Demos @@ -72,3 +73,7 @@ The term and description are aligned on the bottom. ### Remove list styles + + + + diff --git a/packages/dnb-eufemia/src/elements/lists/__tests__/Lists.screenshot.test.ts b/packages/dnb-eufemia/src/elements/lists/__tests__/Lists.screenshot.test.ts index 8ce16f40f11..38645bb4a89 100644 --- a/packages/dnb-eufemia/src/elements/lists/__tests__/Lists.screenshot.test.ts +++ b/packages/dnb-eufemia/src/elements/lists/__tests__/Lists.screenshot.test.ts @@ -71,6 +71,15 @@ describe('List', () => { }) expect(screenshot).toMatchImageSnapshot() }) + + it('have to match dl horizontal list without dt value', async () => { + const screenshot = await makeScreenshot({ + style: { width: '35rem' }, + selector: + '[data-visual-test="lists-dl-horizontal-without-dt-value"]', + }) + expect(screenshot).toMatchImageSnapshot() + }) }) describe('Lists with skeleton', () => { diff --git a/packages/dnb-eufemia/src/elements/lists/__tests__/__image_snapshots__/list-have-to-match-dl-horizontal-list-without-dt-value.snap.png b/packages/dnb-eufemia/src/elements/lists/__tests__/__image_snapshots__/list-have-to-match-dl-horizontal-list-without-dt-value.snap.png new file mode 100644 index 0000000000000000000000000000000000000000..105274c2e73bfe3d106c42a40dc97b1a73fcfb0d GIT binary patch literal 22359 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 literal 0 HcmV?d00001 diff --git a/packages/dnb-eufemia/src/elements/lists/style/lists-mixins.scss b/packages/dnb-eufemia/src/elements/lists/style/lists-mixins.scss index ea223cfe280..e535ca28a8e 100644 --- a/packages/dnb-eufemia/src/elements/lists/style/lists-mixins.scss +++ b/packages/dnb-eufemia/src/elements/lists/style/lists-mixins.scss @@ -162,6 +162,10 @@ margin-top: 0; margin-right: calc(var(--column-gap) - 0.5rem); max-width: var(--dt-max-width); + + &:empty { + display: contents; + } } & dd {