mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-22 17:33:23 +01:00
Adding scroll bar to handle overflow of long network lists (#12706)
* Adding scroll bar to handle overflow of long network lists * set scroll property to auto * Add margin below scrollable network list
This commit is contained in:
parent
2ced3a8bfa
commit
c84604b5e4
@ -338,20 +338,23 @@ class NetworkDropdown extends Component {
|
||||
</div>
|
||||
) : null}
|
||||
</div>
|
||||
{this.renderNetworkEntry('mainnet')}
|
||||
|
||||
{this.renderCustomRpcList(rpcListDetail, this.props.provider)}
|
||||
<div className="network-dropdown-list">
|
||||
{this.renderNetworkEntry('mainnet')}
|
||||
|
||||
<div
|
||||
className={classnames('network-dropdown-testnets', {
|
||||
'network-dropdown-testnets--no-visibility': !shouldShowTestNetworks,
|
||||
})}
|
||||
>
|
||||
{this.renderNetworkEntry('ropsten')}
|
||||
{this.renderNetworkEntry('kovan')}
|
||||
{this.renderNetworkEntry('rinkeby')}
|
||||
{this.renderNetworkEntry('goerli')}
|
||||
{this.renderNetworkEntry('localhost')}
|
||||
{this.renderCustomRpcList(rpcListDetail, this.props.provider)}
|
||||
|
||||
<div
|
||||
className={classnames('network-dropdown-testnets', {
|
||||
'network-dropdown-testnets--no-visibility': !shouldShowTestNetworks,
|
||||
})}
|
||||
>
|
||||
{this.renderNetworkEntry('ropsten')}
|
||||
{this.renderNetworkEntry('kovan')}
|
||||
{this.renderNetworkEntry('rinkeby')}
|
||||
{this.renderNetworkEntry('goerli')}
|
||||
{this.renderNetworkEntry('localhost')}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{this.renderAddCustomButton()}
|
||||
|
@ -128,6 +128,12 @@
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.network-dropdown-list {
|
||||
max-height: 330px;
|
||||
overflow-y: auto;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.network-dropdown-divider {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
|
Loading…
Reference in New Issue
Block a user