m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 18:00:18 +01:00
Code

Add breadcrumb spacing on Contacts page (#7087)

Browse Source
This commit is contained in:
ricky 2019-08-31 12:01:53 -04:00 committed by Mark Stacey
parent f6d25357db
commit 887b2572f5
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/app/pages/settings/index.scss
View File

@ -52,6 +52,11 @@
color: #037DD6; color: #037DD6;
} }
&__subheader--break {
margin-right: 4px;
padding-right: 4px;
}
&__sub-header { &__sub-header {
height: 72px; height: 72px;
border-bottom: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8;

8
ui/app/pages/settings/settings.component.js
View File

@ -136,8 +136,12 @@ class SettingsPage extends PureComponent {
className={c({ 'settings-page__subheader--link': initialBreadCrumbRoute })} className={c({ 'settings-page__subheader--link': initialBreadCrumbRoute })}
onClick={() => initialBreadCrumbRoute && history.push(initialBreadCrumbRoute)} onClick={() => initialBreadCrumbRoute && history.push(initialBreadCrumbRoute)}
>{subheaderText}</div> >{subheaderText}</div>
{breadCrumbTextKey && <div><span>{'> '}</span>{t(breadCrumbTextKey)}</div>} {breadCrumbTextKey && <div
{isAddressEntryPage && <div><span>{' > '}</span>{addressName}</div>} className="settings-page__subheader--break"
><span>{' > '}</span>{t(breadCrumbTextKey)}</div>}
{isAddressEntryPage && <div
className="settings-page__subheader--break"
><span>{' > '}</span>{addressName}</div>}
</div> </div>
) )
} }