From 6845219f3568b1b943199ff63bcfba7820899913 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20H=C3=B8egh?= Date: Wed, 12 Oct 2022 10:24:20 +0200 Subject: [PATCH] fix(Dl): remove span as direct sibling for horizontal direction (#1625) --- .../docs/uilib/elements/lists/Examples.tsx | 10 ++-- packages/dnb-eufemia/src/elements/Dl.tsx | 5 +- .../__tests__/Lists.screenshot.test.js | 2 +- .../src/elements/__tests__/Lists.test.tsx | 49 ++++++++++++++++++ ...hot-have-to-match-dl-list-2-6ae87.snap.png | Bin 16480 -> 17188 bytes .../src/elements/stories/Lists.stories.tsx | 11 ++++ .../__snapshots__/Elements.test.js.snap | 23 ++++---- .../dnb-eufemia/src/style/elements/lists.scss | 27 ++++++---- 8 files changed, 101 insertions(+), 26 deletions(-) create mode 100644 packages/dnb-eufemia/src/elements/__tests__/Lists.test.tsx 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 956fb18c40f..062961ff50b 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 @@ -18,10 +18,12 @@ render(
Description 1
Description 2
Description 3
-
-
Sub Term
-
Sub Description
-
+
+
+
Sub Term
+
Sub Description
+
+
) ` } diff --git a/packages/dnb-eufemia/src/elements/Dl.tsx b/packages/dnb-eufemia/src/elements/Dl.tsx index 462fc2d8f66..4e0a1082d67 100644 --- a/packages/dnb-eufemia/src/elements/Dl.tsx +++ b/packages/dnb-eufemia/src/elements/Dl.tsx @@ -37,9 +37,10 @@ Dl.Item = ({ children, }: DlItemProps & React.AllHTMLAttributes) => { return ( - + <> {children} - +
+ ) } diff --git a/packages/dnb-eufemia/src/elements/__tests__/Lists.screenshot.test.js b/packages/dnb-eufemia/src/elements/__tests__/Lists.screenshot.test.js index 006317d081f..c2ce1586be4 100644 --- a/packages/dnb-eufemia/src/elements/__tests__/Lists.screenshot.test.js +++ b/packages/dnb-eufemia/src/elements/__tests__/Lists.screenshot.test.js @@ -52,7 +52,7 @@ describe('List screenshot', () => { it('have to match dl list', async () => { const screenshot = await testPageScreenshot({ - style: { width: '40rem' }, + style: { width: '35rem' }, selector: '[data-visual-test="lists-dl-horizontal"]', }) expect(screenshot).toMatchImageSnapshot() diff --git a/packages/dnb-eufemia/src/elements/__tests__/Lists.test.tsx b/packages/dnb-eufemia/src/elements/__tests__/Lists.test.tsx new file mode 100644 index 00000000000..691b4e1959f --- /dev/null +++ b/packages/dnb-eufemia/src/elements/__tests__/Lists.test.tsx @@ -0,0 +1,49 @@ +/** + * Dl Test + * + */ + +import React from 'react' +import { axeComponent } from '../../core/jest/jestSetup' +import { render } from '@testing-library/react' +import Dl from '../Dl' +import Dt from '../Dt' +import Dd from '../Dd' + +describe('Dl', () => { + describe('in horizontal direction', () => { + it('should validate with ARIA rules', async () => { + const Component = render( +
+ +
Term
+
Description
+
+ +
Term
+
Description
+
+
+ ) + expect(await axeComponent(Component)).toHaveNoViolations() + }) + }) + + describe('with nested Dls', () => { + it('should validate with ARIA rules', async () => { + const Component = render( +
+
Term
+
Description
+
+
+
Term
+
Description
+
+
+
+ ) + expect(await axeComponent(Component)).toHaveNoViolations() + }) + }) +}) diff --git a/packages/dnb-eufemia/src/elements/__tests__/__snapshots__/lists-screenshot-test-js-list-screenshot-have-to-match-dl-list-2-6ae87.snap.png b/packages/dnb-eufemia/src/elements/__tests__/__snapshots__/lists-screenshot-test-js-list-screenshot-have-to-match-dl-list-2-6ae87.snap.png index a358b6c37484d943854c87982b4c5b0dd2532ae5..159f48dbbf4730fe40a00f833c7a067eecb4af5d 100644 GIT binary patch literal 17188 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 literal 16480 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 diff --git a/packages/dnb-eufemia/src/elements/stories/Lists.stories.tsx b/packages/dnb-eufemia/src/elements/stories/Lists.stories.tsx index 8c166637870..66a1095c07a 100644 --- a/packages/dnb-eufemia/src/elements/stories/Lists.stories.tsx +++ b/packages/dnb-eufemia/src/elements/stories/Lists.stories.tsx @@ -139,8 +139,19 @@ export const ListSandbox = () => (
Term
Description
+ +
A term with several
+
+ Description with several words lorem nulla mi posuere + cubilia vel vulputate +
+
A term with several words
+
Description
+
+ +
Term word
Description with several words lorem nulla mi posuere cubilia vel vulputate 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 index fc881ca66ab..03a8ef5e4d3 100644 --- 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 @@ -726,24 +726,29 @@ a.dnb-button { .dnb-dl dd { padding: 0; margin: 0.5rem 0 1rem; } - .dnb-dl > dl, - .dnb-dl:not([class*='dnb-space']) > dl { + .dnb-dl > dd > dl, + .dnb-dl:not([class*='dnb-space']) > dd > dl { margin-top: 1.5rem; margin-left: 2rem; } @media screen and (min-width: 40em) { .dnb-dl__direction--horizontal { display: flex; - flex-direction: column; + flex-wrap: wrap; gap: 0.5rem; } - .dnb-dl__direction--horizontal dt, + .dnb-dl__direction--horizontal dt { + margin-right: 0.5rem; + max-width: 30%; } .dnb-dl__direction--horizontal dd { + width: calc(70% - 1.5rem); } + .dnb-dl__direction--horizontal dt, + .dnb-dl__direction--horizontal dd, + .dnb-dl__direction--horizontal dd ~ dt { margin-top: 0; margin-bottom: 0; } - .dnb-dl__direction--horizontal dt { - margin-right: 1rem; - max-width: 60ch; } - .dnb-dl__item { - display: flex; } } + .dnb-dl dd.dnb-dl__item { + width: 100%; + height: 0; + overflow: hidden; } } .dnb-spacing .dnb-ul:not([class*='dnb-space__top']), .dnb-spacing .dnb-ol:not([class*='dnb-space__top']) { diff --git a/packages/dnb-eufemia/src/style/elements/lists.scss b/packages/dnb-eufemia/src/style/elements/lists.scss index 82441a4ec6d..321c0a086a6 100644 --- a/packages/dnb-eufemia/src/style/elements/lists.scss +++ b/packages/dnb-eufemia/src/style/elements/lists.scss @@ -130,8 +130,8 @@ // In case we really want / need to have a indented definition content // margin-left: 2rem; } - & > dl, - &:not([class*='dnb-space']) > dl { + & > dd > dl, + &:not([class*='dnb-space']) > dd > dl { margin-top: 1.5rem; margin-left: 2rem; } @@ -140,22 +140,29 @@ @include allAbove(small) { &__direction--horizontal { display: flex; - flex-direction: column; + flex-wrap: wrap; gap: 0.5rem; - & dt, + & dt { + margin-right: 0.5rem; + max-width: 30%; + } & dd { + // width: calc(70% - 1.5rem); // minus margin-right and the gap + width: calc(70% - 1.5rem); // minus margin-right and the gap + } + & dt, + & dd, + & dd ~ dt { margin-top: 0; margin-bottom: 0; } - & dt { - margin-right: 1rem; - max-width: 60ch; - } } - &__item { - display: flex; + dd#{&}__item { + width: 100%; + height: 0; + overflow: hidden; } } }