From d551c671f80b8200f5922a6572af18ebc507753c Mon Sep 17 00:00:00 2001 From: Seth Donohue Date: Mon, 4 Jan 2021 09:52:16 -0800 Subject: [PATCH 1/3] add margin for focus overlap of state in accordion item --- .../src/accordion/accordion-item/accordion-item.styles.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/web-components/src/accordion/accordion-item/accordion-item.styles.ts b/packages/web-components/src/accordion/accordion-item/accordion-item.styles.ts index 1c78249f6841c3..6137a9ce8374cb 100644 --- a/packages/web-components/src/accordion/accordion-item/accordion-item.styles.ts +++ b/packages/web-components/src/accordion/accordion-item/accordion-item.styles.ts @@ -106,6 +106,7 @@ export const AccordionItemStyles = css` .start { display: flex; align-items: center; + padding-inline-start: calc(var(--design-unit) * 1px); justify-content: center; grid-column: 1; z-index: 2; From ea0ddde9225c20adabdecb12e4bc73e1759e4aba Mon Sep 17 00:00:00 2001 From: Seth Donohue Date: Mon, 4 Jan 2021 10:54:05 -0800 Subject: [PATCH 2/3] Change files --- ...-v-sedono-fix-margin-focus-overlap-accordion-item.json | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 change/@fluentui-web-components-2021-01-04-10-54-05-users-v-sedono-fix-margin-focus-overlap-accordion-item.json diff --git a/change/@fluentui-web-components-2021-01-04-10-54-05-users-v-sedono-fix-margin-focus-overlap-accordion-item.json b/change/@fluentui-web-components-2021-01-04-10-54-05-users-v-sedono-fix-margin-focus-overlap-accordion-item.json new file mode 100644 index 00000000000000..c36312ce58fec0 --- /dev/null +++ b/change/@fluentui-web-components-2021-01-04-10-54-05-users-v-sedono-fix-margin-focus-overlap-accordion-item.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "add margin for focus overlap of state in accordion item", + "packageName": "@fluentui/web-components", + "email": "sethdonohue@Admins-MBP.guest.corp.microsoft.com", + "dependentChangeType": "patch", + "date": "2021-01-04T18:54:05.059Z" +} From f573a94446eea677b0e9be4d8559b6fd44ae978d Mon Sep 17 00:00:00 2001 From: Seth Donohue <31681651+SethDonohue@users.noreply.github.com> Date: Mon, 4 Jan 2021 12:04:32 -0800 Subject: [PATCH 3/3] Update change/@fluentui-web-components-2021-01-04-10-54-05-users-v-sedono-fix-margin-focus-overlap-accordion-item.json --- ...-users-v-sedono-fix-margin-focus-overlap-accordion-item.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/change/@fluentui-web-components-2021-01-04-10-54-05-users-v-sedono-fix-margin-focus-overlap-accordion-item.json b/change/@fluentui-web-components-2021-01-04-10-54-05-users-v-sedono-fix-margin-focus-overlap-accordion-item.json index c36312ce58fec0..26658ff31dda1e 100644 --- a/change/@fluentui-web-components-2021-01-04-10-54-05-users-v-sedono-fix-margin-focus-overlap-accordion-item.json +++ b/change/@fluentui-web-components-2021-01-04-10-54-05-users-v-sedono-fix-margin-focus-overlap-accordion-item.json @@ -1,6 +1,6 @@ { "type": "patch", - "comment": "add margin for focus overlap of state in accordion item", + "comment": "add padding for focus overlap of state in accordion item", "packageName": "@fluentui/web-components", "email": "sethdonohue@Admins-MBP.guest.corp.microsoft.com", "dependentChangeType": "patch",