Fixing font colours and colours of list items
This commit is contained in:
parent
230d4c0354
commit
f780988291
@ -66,6 +66,8 @@ const StyledTooltipWrapper = styled.div`
|
|||||||
`;
|
`;
|
||||||
|
|
||||||
const StyledName = styled.span`
|
const StyledName = styled.span`
|
||||||
|
color: #646464;
|
||||||
|
font-size: ${remcalc(16)}
|
||||||
position: relative;
|
position: relative;
|
||||||
top: ${remcalc(-12)};
|
top: ${remcalc(-12)};
|
||||||
`;
|
`;
|
||||||
|
@ -69,14 +69,6 @@ const style = css`
|
|||||||
padding: ${remcalc('14 16')};
|
padding: ${remcalc('14 16')};
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
font-family: -apple-system,
|
|
||||||
BlinkMacSystemFont,
|
|
||||||
"Segoe UI",
|
|
||||||
Roboto,
|
|
||||||
"Helvetica Neue",
|
|
||||||
Arial,
|
|
||||||
sans-serif;
|
|
||||||
|
|
||||||
font-size: ${remcalc(16)};
|
font-size: ${remcalc(16)};
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -1,13 +1,8 @@
|
|||||||
const constants = require('../../shared/constants');
|
|
||||||
const fns = require('../../shared/functions');
|
const fns = require('../../shared/functions');
|
||||||
const Item = require('./item');
|
const Item = require('./item');
|
||||||
const React = require('react');
|
const React = require('react');
|
||||||
const Styled = require('styled-components');
|
const Styled = require('styled-components');
|
||||||
|
|
||||||
const {
|
|
||||||
colors
|
|
||||||
} = constants;
|
|
||||||
|
|
||||||
const {
|
const {
|
||||||
remcalc
|
remcalc
|
||||||
} = fns;
|
} = fns;
|
||||||
@ -19,8 +14,9 @@ const {
|
|||||||
const StyledItem = styled(Item)`
|
const StyledItem = styled(Item)`
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
background-color: ${colors.brandPrimary};
|
background-color: #3B4AAF;
|
||||||
border: solid ${remcalc(1)} ${colors.borderPrimary};
|
|
||||||
|
border: solid ${remcalc(1)} #2D3884;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
|
||||||
width: calc(100% + ${remcalc(2)});
|
width: calc(100% + ${remcalc(2)});
|
||||||
|
Loading…
Reference in New Issue
Block a user