ChainLogo/Info only clickable with dropdown (#3380)

This commit is contained in:
Jaco Greeff 2020-08-10 12:18:55 +02:00 committed by GitHub
parent 68b38dbcc3
commit 5ea55c0d60
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -25,7 +25,7 @@ function ChainInfo ({ className = '', isToggled, onClick }: Props): React.ReactE
return (
<div
className={`apps--SideBar-logo ${className} ui--highlight--border`}
className={`apps--SideBar-logo${onClick ? ' isClickable' : ''} ${className} ui--highlight--border`}
onClick={onClick}
>
<div className='apps--SideBar-logo-inner'>
@ -51,10 +51,13 @@ function ChainInfo ({ className = '', isToggled, onClick }: Props): React.ReactE
export default React.memo(styled(ChainInfo)`
border-top: 0.5rem solid transparent;
box-sizing: border-box;
cursor: pointer;
padding: 0.75rem;
margin: 0 0 0.5rem -1rem;
&.isClickable {
cursor: pointer;
}
.apps--SideBar-logo-inner {
display: flex;
align-items: center;