Dialog: Smoother list shadow (codesandbox#3831)

siddharthkp · web-flow · commit 810dd28107b9 · 2020-04-03T11:18:46.000+02:00
diff --git a/packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/Comments/Dialog/index.tsx b/packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/Comments/Dialog/index.tsx
@@ -264,6 +264,8 @@ const DialogHeader = ({ comment, hasShadow }) => {
           hasShadow
             ? `0px 32px 32px ${theme.colors.dialog.background}`
             : 'none',
+        transition: 'box-shadow ease-in-out',
+        transitionDuration: theme => theme.speeds[1],
       })}
     >
       <Text size={3} weight="bold">

Original file line number	Diff line number	Diff line change
`@@ -264,6 +264,8 @@ const DialogHeader = ({ comment, hasShadow }) => {`
`264`	`264`	`hasShadow`
`265`	`265`	? `0px 32px 32px ${theme.colors.dialog.background}`
`266`	`266`	`: 'none',`
	`267`	`+ transition: 'box-shadow ease-in-out',`
	`268`	`+ transitionDuration: theme => theme.speeds[1],`
`267`	`269`	`})}`
`268`	`270`	`>`
`269`	`271`	`<Text size={3} weight="bold">`