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

correcting metric colors

This commit is contained in:
Alex Windett 2017-02-03 15:09:14 +00:00
parent 6f5af0b949
commit bb6a7aff23
5 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/src/components/metric/close-button.js
View File

@ -24,9 +24,8 @@ const StyledButton = styled.button`
display: flex;
margin: 0;
padding: ${remcalc(18)} ${remcalc(24)};
color: ${colors.base.primary};
float: right;
background-color: ${colors.base.primaryLight};
background-color: ${colors.base.primaryDark};
line-height: 1.5;
border: none;
border-left: solid ${remcalc(1)} ${colors.base.primaryDark};
@ -34,7 +33,7 @@ const StyledButton = styled.button`
`;
const StyledIcon = styled(CloseIcon)`
fill: ${colors.base.primary};
fill: ${colors.base.white};
`;
const AddMetricButton = ({

2
ui/src/components/metric/graph.js
View File

@ -19,7 +19,7 @@ const Container = styled.div`
position: relative;
height: 100%;
width: 100%;
background-color: ${colors.base.primary};
background-color: ${colors.base.white};
`;
const Canvas = styled.canvas`

6
ui/src/components/metric/select.js
View File

@ -29,7 +29,7 @@ const SelectWrapper = styled.div`
&:after {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid ${colors.base.primary};
border-top: 5px solid ${colors.base.white};
${pseudoEl({
top: '28px',
@ -44,8 +44,8 @@ const StyledSelect = styled.select`
font-size:16px;
text-align: right !important;
border-radius: 0;
color: ${colors.base.primary};
background-color: ${colors.base.primaryLight};
color: ${colors.base.white};
background-color: ${colors.base.primaryDark};
border: none;
border-left: solid ${remcalc(1)} ${colors.base.primaryDark};
-webkit-appearance: none;

4
ui/src/components/metric/settings-button.js
View File

@ -25,9 +25,9 @@ const StyledButton = styled(Button)`
display: flex;
margin: 0;
padding: ${remcalc(18)} ${remcalc(24)};
color: ${colors.base.primary};
color: ${colors.base.white};
float: right;
background-color: ${colors.base.primaryLight};
background-color: ${colors.base.primaryDark};
line-height: 1.5;
border: none;
border-left: solid ${remcalc(1)} ${colors.base.primaryDark};

2
ui/src/components/metric/title.js
View File

@ -23,5 +23,5 @@ module.exports = styled.h3`
font-weight: normal;
font-style: normal;
line-height: 1.5;
color: ${colors.base.primary};
color: ${colors.base.white};
`;