fix list item vertical alignment

fixes #391
This commit is contained in:
Sérgio Ramos 2017-03-22 12:15:09 +00:00 committed by Judit Greskovits
parent c7121538bc
commit 5fd98995b0
3 changed files with 10 additions and 5 deletions

View File

@ -1,7 +1,7 @@
import styled from 'styled-components';
import { Subscriber } from 'react-broadcast';
import { Baseline } from '../../shared/composers';
import { is } from '../../shared/functions';
import { is, isNot } from '../../shared/functions';
import Column from '../column';
import Row from '../row';
import View from './view';
@ -11,6 +11,10 @@ const InnerRow = styled(Row)`
display: block;
height: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
${is('collapsed')`
display: flex;
`};

View File

@ -50,14 +50,15 @@ const StyledButton = styled(Button)`
const StyledContainer = styled.div`
position: absolute;
left: 50%;
top: 35%; /* I don't know why this doesn't center with 50% */
`;
const StyledCircle = styled.div`
margin: 0 0 2px -2px;
margin: 0 0 ${remcalc(2)} ${remcalc(-2)};
border-radius: 50%;
background-color: ${colors.base.white};
width: 4px;
height: 4px;
width: ${remcalc(4)};
height: ${remcalc(4)};
`;
const Options = ({

View File

@ -17,7 +17,7 @@ const StyledView = styled(Row)`
`};
${is('collapsed')`
height: ${remcalc(48)};
height: ${remcalc(47)};
`};
${is('fromHeader')`