fix(cutout): fix z-index issue

react95-io · May 19, 2020 · e19adfc · e19adfc
1 parent c9f61c6
commit e19adfc
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 8 deletions.
diff --git a/src/components/Cutout/Cutout.js b/src/components/Cutout/Cutout.js
@@ -19,7 +19,6 @@ const StyledCutout = styled.div`
     position: absolute;
     left: 0;
     top: 0;
-    z-index: 1;
     content: '';
     width: calc(100% - 4px);
     height: calc(100% - 4px);

diff --git a/src/components/Select/Select.styles.js b/src/components/Select/Select.styles.js
@@ -98,7 +98,6 @@ export const StyledNativeSelect = styled.select`
 export const StyledDropdownButton = styled(Button)`
   width: 30px;
   padding: 0;
-  z-index: 1;
   flex-shrink: 0;
   ${({ variant }) =>
     variant === 'flat'
@@ -169,7 +168,7 @@ export const StyledDropdownMenu = styled.ul`
   padding: 2px;
   border-top: none;
   cursor: default;
-  z-index: 99;
+  z-index: 1;
   cursor: pointer;
   box-shadow: ${props => (props.shadow ? commonShadow : 'none')};
   ${({ variant }) =>

diff --git a/src/components/Slider/Slider.js b/src/components/Slider/Slider.js
@@ -154,9 +154,6 @@ const StyledFlatGroove = styled(Cutout)`
 `;
 const Thumb = styled.span`
   position: relative;
-
-  z-index: 1;
-  
   ${({ vertical }) =>
     vertical
       ? css`

diff --git a/src/components/SwitchBase/SwitchBase.js b/src/components/SwitchBase/SwitchBase.js
@@ -12,7 +12,7 @@ export const StyledInput = styled.input`
   width: ${size}px;
   height: ${size}px;
   opacity: 0;
-  z-index: -99;
+  z-index: -1;
 `;
 
 export const StyledLabel = styled.label`

diff --git a/src/components/Tooltip/Tooltip.js b/src/components/Tooltip/Tooltip.js
@@ -8,7 +8,7 @@ const Tip = styled.span`
   position: absolute;
   bottom: -4px;
   left: 50%;
-  z-index: 10;
+  z-index: 1;
   transform: translate(-50%, 100%);
   display: ${props => (props.show ? 'block' : 'none')};
   padding: 4px;