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 asset page breadcrumb clickable (#8737)

Browse Source 
The entire asset page breadcrumb is now clickable. Clicking it will
bring the user back to the home page.
This commit is contained in:
Mark Stacey 2020-06-04 12:51:44 -03:00 committed by GitHub
parent 731efcb36d
commit 1553f70a65
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/app/pages/asset/asset.scss
View File

@ -19,11 +19,11 @@
.asset-breadcrumb { .asset-breadcrumb {
font-size: 14px; font-size: 14px;
color: $Black-100; color: $Black-100;
background-color: inherit;
&__chevron { &__chevron {
padding: 0 10px 0 2px; padding: 0 10px 0 2px;
font-size: 16px; font-size: 16px;
background-color: inherit;
} }
&__asset { &__asset {

6
ui/app/pages/asset/components/asset-breadcrumb.js
View File

@ -3,8 +3,8 @@ import PropTypes from 'prop-types'
const AssetBreadcrumb = ({ accountName, assetName, onBack }) => { const AssetBreadcrumb = ({ accountName, assetName, onBack }) => {
return ( return (
<div className="asset-breadcrumb"> <button className="asset-breadcrumb" onClick={onBack} >
<button className="fas fa-chevron-left asset-breadcrumb__chevron" data-testid="asset__back" onClick={onBack} /> <i className="fas fa-chevron-left asset-breadcrumb__chevron" data-testid="asset__back" />
<span> <span>
{accountName} {accountName}
</span> </span>
@ -12,7 +12,7 @@ const AssetBreadcrumb = ({ accountName, assetName, onBack }) => {
<span className="asset-breadcrumb__asset"> <span className="asset-breadcrumb__asset">
{ assetName } { assetName }
</span> </span>
</div> </button>
) )
} }