From 05a1a6fe962979fca29baab2c8dbcb09b5cfc009 Mon Sep 17 00:00:00 2001 From: Chris Holt Date: Wed, 28 Oct 2020 16:33:12 -0700 Subject: [PATCH] [web-components] fix elevated corner radius application in dialog (#15752) * ensure elevated corner radius is applied to dialog * Change files --- ...24-46-users-chhol-fix-elevation-multiplier-dialog.json | 8 ++++++++ packages/web-components/src/dialog/dialog.styles.ts | 2 +- 2 files changed, 9 insertions(+), 1 deletion(-) create mode 100644 change/@fluentui-web-components-2020-10-28-15-24-46-users-chhol-fix-elevation-multiplier-dialog.json diff --git a/change/@fluentui-web-components-2020-10-28-15-24-46-users-chhol-fix-elevation-multiplier-dialog.json b/change/@fluentui-web-components-2020-10-28-15-24-46-users-chhol-fix-elevation-multiplier-dialog.json new file mode 100644 index 00000000000000..e4352a2f575aef --- /dev/null +++ b/change/@fluentui-web-components-2020-10-28-15-24-46-users-chhol-fix-elevation-multiplier-dialog.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "ensure elevated corner radius is applied to dialog", + "packageName": "@fluentui/web-components", + "email": "chhol@microsoft.com", + "dependentChangeType": "patch", + "date": "2020-10-28T22:24:46.264Z" +} diff --git a/packages/web-components/src/dialog/dialog.styles.ts b/packages/web-components/src/dialog/dialog.styles.ts index 2108b4949248d2..bd1749385abb52 100644 --- a/packages/web-components/src/dialog/dialog.styles.ts +++ b/packages/web-components/src/dialog/dialog.styles.ts @@ -38,7 +38,7 @@ export const DialogStyles = css` ${elevation} margin-top: auto; margin-bottom: auto; - border-radius: calc(var(--elevated-corner-radius)); + border-radius: calc(var(--elevated-corner-radius) * 1px); width: var(--dialog-width); height: var(--dialog-height); background: var(--background-color);