increasing z-index for tooltip to ensure its above all content

This commit is contained in:
Alex Windett 2017-03-02 11:14:19 +00:00
parent e6cf423432
commit 1a4e61782e
2 changed files with 11 additions and 4 deletions

View File

@ -47,9 +47,9 @@ const StyledAvatarWrapper = styled.div`
`;
const StyledTooltipWrapper = styled.div`
position: absolute;
right: ${remcalc(-18)};
bottom: ${remcalc(-140)};
position: absolute;
`;
const StyledName = styled.span`

View File

@ -1,5 +1,10 @@
import { remcalc } from '../../shared/functions';
import { baseBox, pseudoEl, Baseline } from '../../shared/composers';
import {
baseBox,
pseudoEl,
Baseline,
moveZ
} from '../../shared/composers';
import { colors } from '../../shared/constants';
import styled from 'styled-components';
import React from 'react';
@ -8,7 +13,6 @@ const ItemPadder = 9;
const WrapperPadder = 24;
const StyledList = styled.ul`
position: relative;
background: ${colors.base.white};
color: ${colors.base.text};
display: inline-block;
@ -19,9 +23,12 @@ const StyledList = styled.ul`
min-width: ${remcalc(200)};
${props => props.styles}
${baseBox()}
${moveZ({
amount: 1
})}
& > * {
padding: ${remcalc(ItemPadder)} ${remcalc(WrapperPadder)};