mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +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
0c08cb6bf8
commit
e05c693279
@ -338,6 +338,8 @@ class NetworkDropdown extends Component {
|
|||||||
</div>
|
</div>
|
||||||
) : null}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className="network-dropdown-list">
|
||||||
{this.renderNetworkEntry('mainnet')}
|
{this.renderNetworkEntry('mainnet')}
|
||||||
|
|
||||||
{this.renderCustomRpcList(rpcListDetail, this.props.provider)}
|
{this.renderCustomRpcList(rpcListDetail, this.props.provider)}
|
||||||
@ -353,6 +355,7 @@ class NetworkDropdown extends Component {
|
|||||||
{this.renderNetworkEntry('goerli')}
|
{this.renderNetworkEntry('goerli')}
|
||||||
{this.renderNetworkEntry('localhost')}
|
{this.renderNetworkEntry('localhost')}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
{this.renderAddCustomButton()}
|
{this.renderAddCustomButton()}
|
||||||
</Dropdown>
|
</Dropdown>
|
||||||
|
@ -128,6 +128,12 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.network-dropdown-list {
|
||||||
|
max-height: 330px;
|
||||||
|
overflow-y: auto;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
.network-dropdown-divider {
|
.network-dropdown-divider {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user