fix(modal): fix modal backdrop (#19)

gregberge · web-flow · commit 8a00c08d097f · 2018-06-15T15:35:36.000Z
diff --git a/src/Modal.js b/src/Modal.js
@@ -119,7 +119,6 @@ const Modal = styled(ModalComponent)`
     bottom: 0;
     left: 0;
     background-color: ${th('modalBackdropBg')};
-    opacity: 0.5;
   }
 `
 
diff --git a/src/theme/defaultTheme.js b/src/theme/defaultTheme.js
@@ -216,7 +216,7 @@ export const displayLineHeight = th('headingsLineHeight')
 
 // Modals
 
-export const modalBackdropBg = th('black')
+export const modalBackdropBg = 'rgba(0, 0, 0, 0.5)'
 
 export const modalInnerPadding = '1rem'
 export const modalTransitionDuration = 300 // ms

Original file line number	Diff line number	Diff line change
@@ -119,7 +119,6 @@ const Modal = styled(ModalComponent)`
`119`	`119`	`bottom: 0;`
`120`	`120`	`left: 0;`
`121`	`121`	`background-color: ${th('modalBackdropBg')};`
`122`		`- opacity: 0.5;`
`123`	`122`	`}`
`124`	`123`	`
`125`	`124`