Add when when too many accounts (#7677)

This commit is contained in:
Amaury Martiny 2018-01-23 16:34:02 +01:00 committed by Jaco Greeff
parent 66322c769e
commit 6d60286bf6
2 changed files with 8 additions and 5 deletions

View File

@ -26,11 +26,14 @@
.list { .list {
margin: 0 !important; margin: 0 !important;
padding: 1em 1em !important; padding: 1em 1em !important;
background-color: #f5f5f5; background-color: white;
} }
.isDefault { .accountsList {
background-color: white; background-color: #f5f5f5;
height: 300px;
overflow-y: auto;
} }
.hasOtherAccounts { .hasOtherAccounts {

View File

@ -68,14 +68,14 @@ class DefaultAccount extends Component {
} }
content={ content={
<div> <div>
<List relaxed='very' selection className={ [styles.list, styles.isDefault, allAccounts.length > 1 && styles.hasOtherAccounts].join(' ') }> <List relaxed='very' selection className={ [styles.list, allAccounts.length > 1 && styles.hasOtherAccounts].join(' ') }>
<AccountItem <AccountItem
isDefault isDefault
account={ defaultAccount } account={ defaultAccount }
/> />
</List> </List>
{allAccounts.length > 1 && {allAccounts.length > 1 &&
<List relaxed='very' selection className={ styles.list } divided> <List relaxed='very' selection className={ [styles.list, styles.accountsList].join(' ') } divided>
{allAccounts {allAccounts
.filter(({ address }) => address !== defaultAddress) .filter(({ address }) => address !== defaultAddress)
.map(account => ( .map(account => (