fix(modal): added zindex (#222)

blockchain · Jan 15, 2019 · 628ffb8 · 628ffb8
1 parent 61b2545
commit 628ffb8
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/src/Organisms/Modal/ModalBackground.js b/src/Organisms/Modal/ModalBackground.js
@@ -20,6 +20,7 @@ const Wrapper = styled.div`
  align-items: center;
  background-color: ${theme('modalBackgroundColor')};
  transform: translateZ(0);
+ z-index: ${theme('modalZIndex')};
 `
 
 const ModalBackground = ({ children, ...rest }: PropsType) => (

diff --git a/src/Organisms/Modal/__snapshots__/ModalBackground.spec.js.snap b/src/Organisms/Modal/__snapshots__/ModalBackground.spec.js.snap
@@ -26,6 +26,7 @@ exports[`ModalBackground should render correctly 1`] = `
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
+ z-index: 1005;
 }
 
 <ModalBackground>

diff --git a/src/Tools/theme.js b/src/Tools/theme.js
@@ -52,6 +52,7 @@ const theme = {
  modalForegroundColor: palette.white,
  modalShadowColor: palette.gray1,
  modalBorderColor: palette.gray2,
+ modalZIndex: 1005,
  navbarBrandZIndex: 1001,
  navbarTogglerZIndex: 1001,
  navbarDropdownContentBackgroundColor: palette.white,