diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-11-09 07:29:18 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-09 07:29:18 +0800 |
| commit | 15a12cfa2288a728fe2947741447b25cb2e0f5b6 (patch) | |
| tree | 5443c106777f05760e16da7335ac18a4ef689280 /packages/instant/src/components | |
| parent | 27ea271842c55cd09546c6bbf5b1c8d635666526 (diff) | |
| download | dexon-sol-tools-15a12cfa2288a728fe2947741447b25cb2e0f5b6.tar dexon-sol-tools-15a12cfa2288a728fe2947741447b25cb2e0f5b6.tar.gz dexon-sol-tools-15a12cfa2288a728fe2947741447b25cb2e0f5b6.tar.bz2 dexon-sol-tools-15a12cfa2288a728fe2947741447b25cb2e0f5b6.tar.lz dexon-sol-tools-15a12cfa2288a728fe2947741447b25cb2e0f5b6.tar.xz dexon-sol-tools-15a12cfa2288a728fe2947741447b25cb2e0f5b6.tar.zst dexon-sol-tools-15a12cfa2288a728fe2947741447b25cb2e0f5b6.zip | |
fix: various style issues
Diffstat (limited to 'packages/instant/src/components')
| -rw-r--r-- | packages/instant/src/components/css_reset.tsx | 1 | ||||
| -rw-r--r-- | packages/instant/src/components/ui/icon.tsx | 22 | ||||
| -rw-r--r-- | packages/instant/src/components/ui/overlay.tsx | 16 |
3 files changed, 21 insertions, 18 deletions
diff --git a/packages/instant/src/components/css_reset.tsx b/packages/instant/src/components/css_reset.tsx index a1dd2e05c..0bef85389 100644 --- a/packages/instant/src/components/css_reset.tsx +++ b/packages/instant/src/components/css_reset.tsx @@ -27,7 +27,6 @@ export const CSSReset = createGlobalStyle` text-align: left; text-decoration: none; vertical-align: baseline; - z-index: 1; } } `; diff --git a/packages/instant/src/components/ui/icon.tsx b/packages/instant/src/components/ui/icon.tsx index 707aee24f..a88fa87dd 100644 --- a/packages/instant/src/components/ui/icon.tsx +++ b/packages/instant/src/components/ui/icon.tsx @@ -101,16 +101,18 @@ const PlainIcon: React.StatelessComponent<IconProps> = props => { }; export const Icon = withTheme(styled(PlainIcon)` - display: inline-block; - ${props => (!_.isUndefined(props.onClick) ? 'cursor: pointer' : '')}; - transition: opacity 0.5s ease; - padding: ${props => props.padding}; - opacity: ${props => (!_.isUndefined(props.onClick) ? 0.7 : 1)}; - &:hover { - opacity: 1; - } - &:active { - opacity: 1; + && { + display: inline-block; + ${props => (!_.isUndefined(props.onClick) ? 'cursor: pointer' : '')}; + transition: opacity 0.5s ease; + padding: ${props => props.padding}; + opacity: ${props => (!_.isUndefined(props.onClick) ? 0.7 : 1)}; + &:hover { + opacity: 1; + } + &:active { + opacity: 1; + } } `); diff --git a/packages/instant/src/components/ui/overlay.tsx b/packages/instant/src/components/ui/overlay.tsx index 7c941d294..c5f55f9c0 100644 --- a/packages/instant/src/components/ui/overlay.tsx +++ b/packages/instant/src/components/ui/overlay.tsx @@ -12,13 +12,15 @@ export const Overlay = styled.div < OverlayProps > ` - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: ${props => props.zIndex} - background-color: ${props => props.backgroundColor}; + && { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: ${props => props.zIndex} + background-color: ${props => props.backgroundColor}; + } `; Overlay.defaultProps = { |