mpana/copilot
1
0
Fork 0
mirror of https://github.com/yldio/copilot.git synced 2024-12-01 07:30:07 +02:00
Code Issues Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/header/index.js
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`

13
ui/src/components/tooltip/index.js
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)};