m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Adding scroll bar to handle overflow of long network lists (#12706)

Browse Source 
* 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:
Dan J Miller 2021-11-15 16:49:14 -03:30 committed by ryanml
parent 0c08cb6bf8
commit e05c693279
2 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
ui/components/app/dropdowns/network-dropdown.js
View File

@ -338,20 +338,23 @@ class NetworkDropdown extends Component {
</div> </div>
) : null} ) : null}
</div> </div>
{this.renderNetworkEntry('mainnet')}
{this.renderCustomRpcList(rpcListDetail, this.props.provider)} <div className="network-dropdown-list">
{this.renderNetworkEntry('mainnet')}
<div {this.renderCustomRpcList(rpcListDetail, this.props.provider)}
className={classnames('network-dropdown-testnets', {
'network-dropdown-testnets--no-visibility': !shouldShowTestNetworks, <div
})} className={classnames('network-dropdown-testnets', {
> 'network-dropdown-testnets--no-visibility': !shouldShowTestNetworks,
{this.renderNetworkEntry('ropsten')} })}
{this.renderNetworkEntry('kovan')} >
{this.renderNetworkEntry('rinkeby')} {this.renderNetworkEntry('ropsten')}
{this.renderNetworkEntry('goerli')} {this.renderNetworkEntry('kovan')}
{this.renderNetworkEntry('localhost')} {this.renderNetworkEntry('rinkeby')}
{this.renderNetworkEntry('goerli')}
{this.renderNetworkEntry('localhost')}
</div>
</div> </div>
{this.renderAddCustomButton()} {this.renderAddCustomButton()}

6
ui/css/itcss/components/network.scss
View File

@ -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;