From 81b40a88024ef26c89306ac75af92e83a546cd09 Mon Sep 17 00:00:00 2001 From: Seth Donohue Date: Thu, 4 Feb 2021 14:57:30 -0800 Subject: [PATCH 1/2] correct focus vis box shadow --- packages/web-components/src/styles/patterns/button.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/web-components/src/styles/patterns/button.ts b/packages/web-components/src/styles/patterns/button.ts index c515f4ae9284b..16a8b76b0b2b2 100644 --- a/packages/web-components/src/styles/patterns/button.ts +++ b/packages/web-components/src/styles/patterns/button.ts @@ -195,7 +195,7 @@ export const AccentButtonStyles = css` } :host(.accent) .control:${focusVisible} { - box-shadow: 0 0 0 calc(var(--focus-outline-width) * 1px) inset ${neutralFocusInnerAccentBehavior.var}; + box-shadow: 0 0 0 calc(var(--focus-outline-width) * 1px) inset ${neutralFocusInnerAccentBehavior.var}, 0 0 0 calc((var(--focus-outline-width) - var(--outline-width)) * 1px) ${neutralFocusBehavior.var} } :host(.accent.disabled) { From c32167ac42cfc82ed3a75e7c67b0750d532f938a Mon Sep 17 00:00:00 2001 From: Seth Donohue Date: Thu, 4 Feb 2021 15:05:06 -0800 Subject: [PATCH 2/2] Change files --- ...-06-users-v-sedono-fix-accent-focus-visible-width.json | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 change/@fluentui-web-components-2021-02-04-15-05-06-users-v-sedono-fix-accent-focus-visible-width.json diff --git a/change/@fluentui-web-components-2021-02-04-15-05-06-users-v-sedono-fix-accent-focus-visible-width.json b/change/@fluentui-web-components-2021-02-04-15-05-06-users-v-sedono-fix-accent-focus-visible-width.json new file mode 100644 index 0000000000000..b3e8b14d75d27 --- /dev/null +++ b/change/@fluentui-web-components-2021-02-04-15-05-06-users-v-sedono-fix-accent-focus-visible-width.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "correct focus visible outline on accent button and anchor styles", + "packageName": "@fluentui/web-components", + "email": "sethdonohue@Admins-MBP.guest.corp.microsoft.com", + "dependentChangeType": "patch", + "date": "2021-02-04T23:05:06.344Z" +}