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

correcting metric colors

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

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

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

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

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

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

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