Spearhead
/
joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
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` const StyledTooltipWrapper = styled.div`
position: absolute;
right: ${remcalc(-18)}; right: ${remcalc(-18)};
bottom: ${remcalc(-140)}; bottom: ${remcalc(-140)};
position: absolute;
`; `;
const StyledName = styled.span` const StyledName = styled.span`

13
ui/src/components/tooltip/index.js
View File

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