crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: various style issues

Browse Source
This commit is contained in:
fragosti
2018-11-08 15:29:18 -08:00
parent 27ea271842
commit 15a12cfa22
3 changed files with 21 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/instant/src/components/css_reset.tsx
View File

@@ -27,7 +27,6 @@ export const CSSReset = createGlobalStyle`
text-align: left;
text-decoration: none;
vertical-align: baseline;
z-index: 1;
}
}
`;

22
packages/instant/src/components/ui/icon.tsx
View File

@@ -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;
}
}
`);

16
packages/instant/src/components/ui/overlay.tsx
View File

@@ -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 = {