[web-components] fix elevated corner radius application in dialog (#1…

…5752) * ensure elevated corner radius is applied to dialog * Change files
microsoft · Oct 28, 2020 · a04560f · a04560f
1 parent 962a5b7
commit a04560f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/...entui-web-components-2020-10-28-15-24-46-users-chhol-fix-elevation-multiplier-dialog.json b/...entui-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
@@ -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);