update preview styles and dialog styles for corner radius

chrisdholt · chrisdholt · commit 7c986ea42853 · 2020-05-14T12:27:39.000-07:00
diff --git a/packages/web-components/fast-components/.storybook/preview-head.html b/packages/web-components/fast-components/.storybook/preview-head.html
@@ -1,9 +1,9 @@
 <style>
     body {
-        background-color: var(--background-color);
+        background-color: #181818;
     }
     
     h1, h2, h3, h4, h5, h6 {
-        color: var(--neutral-foreground-rest)
+        color: #FFF;
     }
 </style>
diff --git a/packages/web-components/fast-components/src/dialog/dialog.styles.ts b/packages/web-components/fast-components/src/dialog/dialog.styles.ts
@@ -37,10 +37,10 @@ export const DialogStyles = css`
     .root {
         ${elevation} margin-top: auto;
         margin-bottom: auto;
-        border-radius: calc(var(--corner-radius));
         width: var(--dialog-width);
         height: var(--dialog-height);
-        background: var(--background-color);
+        background-color: var(--background-color);
         z-index: 1;
+        border-radius: calc(var(--corner-radius) * 1px);
     }
 `;

Original file line number	Diff line number	Diff line change
`@@ -1,9 +1,9 @@`
`1`	`1`	`<style>`
`2`	`2`	`body {`
`3`		`- background-color: var(--background-color);`
	`3`	`+ background-color: #181818;`
`4`	`4`	`}`
`5`	`5`
`6`	`6`	`h1, h2, h3, h4, h5, h6 {`
`7`		`- color: var(--neutral-foreground-rest)`
	`7`	`+ color: #FFF;`
`8`	`8`	`}`
`9`	`9`	`</style>`