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

make network-display component only clickable when passed a function for onClick (#11379)

Browse Source
This commit is contained in:
Alex Donesky 2021-06-30 13:21:48 -05:00 committed by GitHub
parent 433cf6339d
commit ad6715511e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/components/app/network-display/index.scss
View File

@ -5,7 +5,6 @@
padding: 0 10px; padding: 0 10px;
border-radius: 4px; border-radius: 4px;
min-height: 25px; min-height: 25px;
cursor: pointer;
user-select: none; user-select: none;
&--disabled { &--disabled {
@ -36,7 +35,6 @@
background-color: lighten($dodger-blue, 35%); background-color: lighten($dodger-blue, 35%);
} }
& .chip__label { & .chip__label {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -56,4 +54,8 @@
width: 12px; width: 12px;
display: block; display: block;
} }
&--clickable {
cursor: pointer;
}
} }

1
ui/components/app/network-display/network-display.js
View File

@ -74,6 +74,7 @@ export default function NetworkDisplay({
'network-display--colored': colored, 'network-display--colored': colored,
'network-display--disabled': disabled, 'network-display--disabled': disabled,
[`network-display--${networkType}`]: colored && networkType, [`network-display--${networkType}`]: colored && networkType,
'network-display--clickable': typeof onClick === 'function',
})} })}
labelProps={{ labelProps={{
variant: TYPOGRAPHY.H7, variant: TYPOGRAPHY.H7,