diff options
| author | Jacob Evans <dekz@dekz.net> | 2018-07-04 18:07:05 +0800 |
|---|---|---|
| committer | Jacob Evans <jacob@dekz.net> | 2018-07-04 18:29:54 +0800 |
| commit | 5915f8430c252a341cac9c5ef645836efd4d7e92 (patch) | |
| tree | 2d973f3b39d19247855a6320cc48858f0011df40 /packages/website/ts/components/ui/text.tsx | |
| parent | 9e0f06d06055022fff80bbf7a8b6444f72f898ec (diff) | |
| parent | aeea3817a48473aec0eb378b0ad6cbe7e7877044 (diff) | |
| download | dexon-sol-tools-5915f8430c252a341cac9c5ef645836efd4d7e92.tar dexon-sol-tools-5915f8430c252a341cac9c5ef645836efd4d7e92.tar.gz dexon-sol-tools-5915f8430c252a341cac9c5ef645836efd4d7e92.tar.bz2 dexon-sol-tools-5915f8430c252a341cac9c5ef645836efd4d7e92.tar.lz dexon-sol-tools-5915f8430c252a341cac9c5ef645836efd4d7e92.tar.xz dexon-sol-tools-5915f8430c252a341cac9c5ef645836efd4d7e92.tar.zst dexon-sol-tools-5915f8430c252a341cac9c5ef645836efd4d7e92.zip | |
Merge branch 'v2-prototype' into eth-lightwallet-subprovider-final
Diffstat (limited to 'packages/website/ts/components/ui/text.tsx')
| -rw-r--r-- | packages/website/ts/components/ui/text.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/website/ts/components/ui/text.tsx b/packages/website/ts/components/ui/text.tsx index c1cb2ade4..315f72854 100644 --- a/packages/website/ts/components/ui/text.tsx +++ b/packages/website/ts/components/ui/text.tsx @@ -3,7 +3,7 @@ import { darken } from 'polished'; import * as React from 'react'; import { styled } from 'ts/style/theme'; -export type TextTag = 'p' | 'div' | 'span' | 'label' | 'h1' | 'h2' | 'h3' | 'h4'; +export type TextTag = 'p' | 'div' | 'span' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'i'; export interface TextProps { className?: string; @@ -17,6 +17,7 @@ export interface TextProps { fontWeight?: number | string; textDecorationLine?: string; onClick?: (event: React.MouseEvent<HTMLElement>) => void; + hoverColor?: string; } const PlainText: React.StatelessComponent<TextProps> = ({ children, className, onClick, Tag }) => ( @@ -37,7 +38,7 @@ export const Text = styled(PlainText)` ${props => (props.onClick ? 'cursor: pointer' : '')}; transition: color 0.5s ease; &:hover { - ${props => (props.onClick ? `color: ${darken(0.3, props.fontColor)}` : '')}; + ${props => (props.onClick ? `color: ${props.hoverColor || darken(0.3, props.fontColor)}` : '')}; } `; |