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

Allow user to scroll network form in onboarding modal (#17291)

Browse Source
This commit is contained in:
Dan J Miller 2023-01-19 10:44:47 -03:30 committed by GitHub
parent 34c4122013
commit 9a8bb81358
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui/pages/onboarding-flow/add-network-modal/index.js
View File

@ -34,6 +34,7 @@ export default function AddNetworkModal() {
</Box> </Box>
<NetworksForm <NetworksForm
addNewNetwork addNewNetwork
restrictHeight
networksToRender={[]} networksToRender={[]}
cancelCallback={closeCallback} cancelCallback={closeCallback}
submitCallback={closeCallback} submitCallback={closeCallback}

5
ui/pages/settings/networks-tab/index.scss
View File

@ -234,6 +234,11 @@
} }
} }
&__restrict-height {
max-height: 578px;
overflow-y: auto;
}
&__add-network-form-footer { &__add-network-form-footer {
display: flex; display: flex;
flex-flow: row; flex-flow: row;

3
ui/pages/settings/networks-tab/networks-form/networks-form.js
View File

@ -78,6 +78,7 @@ const isValidWhenAppended = (url) => {
const NetworksForm = ({ const NetworksForm = ({
addNewNetwork, addNewNetwork,
restrictHeight,
isCurrentRpcTarget, isCurrentRpcTarget,
networksToRender, networksToRender,
selectedNetwork, selectedNetwork,
@ -588,6 +589,7 @@ const NetworksForm = ({
className={classnames({ className={classnames({
'networks-tab__network-form': !addNewNetwork, 'networks-tab__network-form': !addNewNetwork,
'networks-tab__add-network-form': addNewNetwork, 'networks-tab__add-network-form': addNewNetwork,
'networks-tab__restrict-height': restrictHeight,
})} })}
> >
{addNewNetwork ? ( {addNewNetwork ? (
@ -708,6 +710,7 @@ NetworksForm.propTypes = {
selectedNetwork: PropTypes.object, selectedNetwork: PropTypes.object,
cancelCallback: PropTypes.func, cancelCallback: PropTypes.func,
submitCallback: PropTypes.func, submitCallback: PropTypes.func,
restrictHeight: PropTypes.bool,
}; };
NetworksForm.defaultProps = { NetworksForm.defaultProps = {