arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-24 09:18:09 +00:00
Code Issues Releases Wiki Activity

Style tootlips

Browse Source
This commit is contained in:
Vladimir Volek 2018-09-27 12:29:20 +02:00
parent a495fbb6f9
commit 8f819b0ce2
2 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/Tooltip/index.js
View File

@ -22,15 +22,15 @@ const Wrapper = styled.div`
.rc-tooltip-inner { .rc-tooltip-inner {
padding: 8px 10px; padding: 8px 10px;
color: ${colors.TEXT_SECONDARY}; color: ${colors.WHITE};
font-size: 12px; font-size: 12px;
line-height: 1.5; line-height: 1.5;
text-align: left; text-align: left;
text-decoration: none; text-decoration: none;
background-color: ${colors.WHITE}; background-color: ${colors.TOOLTIP_BACKGROUND};
border-radius: 3px; border-radius: 3px;
min-height: 34px; min-height: 34px;
border: 1px solid ${colors.WHITE}; border: 1px solid ${colors.BLACK};
} }
.rc-tooltip-arrow, .rc-tooltip-arrow,
@ -48,7 +48,7 @@ const Wrapper = styled.div`
bottom: -6px; bottom: -6px;
margin-left: -6px; margin-left: -6px;
border-width: 6px 6px 0; border-width: 6px 6px 0;
border-top-color: ${colors.DIVIDER}; border-top-color: ${colors.BLACK};
} }
.rc-tooltip-placement-top .rc-tooltip-arrow-inner, .rc-tooltip-placement-top .rc-tooltip-arrow-inner,
@ -57,7 +57,7 @@ const Wrapper = styled.div`
bottom: 2px; bottom: 2px;
margin-left: -6px; margin-left: -6px;
border-width: 6px 6px 0; border-width: 6px 6px 0;
border-top-color: ${colors.WHITE}; border-top-color: ${colors.TOOLTIP_BACKGROUND};
} }
.rc-tooltip-placement-top .rc-tooltip-arrow { .rc-tooltip-placement-top .rc-tooltip-arrow {
@ -78,7 +78,7 @@ const Wrapper = styled.div`
left: -5px; left: -5px;
margin-top: -6px; margin-top: -6px;
border-width: 6px 6px 6px 0; border-width: 6px 6px 6px 0;
border-right-color: ${colors.DIVIDER}; border-right-color: ${colors.TOOLTIP_BACKGROUND};
} }
.rc-tooltip-placement-right .rc-tooltip-arrow-inner, .rc-tooltip-placement-right .rc-tooltip-arrow-inner,
@ -87,7 +87,7 @@ const Wrapper = styled.div`
left: 1px; left: 1px;
margin-top: -6px; margin-top: -6px;
border-width: 6px 6px 6px 0; border-width: 6px 6px 6px 0;
border-right-color: ${colors.WHITE}; border-right-color: ${colors.TOOLTIP_BACKGROUND};
} }
.rc-tooltip-placement-right .rc-tooltip-arrow { .rc-tooltip-placement-right .rc-tooltip-arrow {
@ -109,7 +109,7 @@ const Wrapper = styled.div`
right: -5px; right: -5px;
margin-top: -6px; margin-top: -6px;
border-width: 6px 0 6px 6px; border-width: 6px 0 6px 6px;
border-left-color: ${colors.DIVIDER}; border-left-color: ${colors.TOOLTIP_BACKGROUND};
} }
.rc-tooltip-placement-left .rc-tooltip-arrow-inner, .rc-tooltip-placement-left .rc-tooltip-arrow-inner,
@ -118,7 +118,7 @@ const Wrapper = styled.div`
right: 1px; right: 1px;
margin-top: -6px; margin-top: -6px;
border-width: 6px 0 6px 6px; border-width: 6px 0 6px 6px;
border-left-color: ${colors.WHITE}; border-left-color: ${colors.TOOLTIP_BACKGROUND};
} }
.rc-tooltip-placement-left .rc-tooltip-arrow { .rc-tooltip-placement-left .rc-tooltip-arrow {
@ -140,7 +140,7 @@ const Wrapper = styled.div`
top: -5px; top: -5px;
margin-left: -6px; margin-left: -6px;
border-width: 0 6px 6px; border-width: 0 6px 6px;
border-bottom-color: ${colors.DIVIDER}; border-bottom-color: ${colors.TOOLTIP_BACKGROUND};
} }
.rc-tooltip-placement-bottom .rc-tooltip-arrow-inner, .rc-tooltip-placement-bottom .rc-tooltip-arrow-inner,
@ -149,7 +149,7 @@ const Wrapper = styled.div`
top: 1px; top: 1px;
margin-left: -6px; margin-left: -6px;
border-width: 0 6px 6px; border-width: 0 6px 6px;
border-bottom-color: ${colors.WHITE}; border-bottom-color: ${colors.TOOLTIP_BACKGROUND};
} }
.rc-tooltip-placement-bottom .rc-tooltip-arrow { .rc-tooltip-placement-bottom .rc-tooltip-arrow {

1
src/config/colors.js
View File

@ -30,4 +30,5 @@ export default {
ERROR_SECONDARY: '#FFE9E9', ERROR_SECONDARY: '#FFE9E9',
LABEL_COLOR: '#A9A9A9', LABEL_COLOR: '#A9A9A9',
TOOLTIP_BACKGROUND: '#333333',
}; };