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

Change clickable area for account detail; change network dot size

Browse Source
This commit is contained in:
Chi Kei Chan 2017-10-24 00:54:49 -07:00
parent 4336794355
commit 966e4cfd11
3 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/app/components/wallet-view.js
View File

@ -112,8 +112,9 @@ WalletView.prototype.render = function () {
h('div.wallet-view__keyring-label', isLoose ? 'IMPORTED' : ''), h('div.wallet-view__keyring-label', isLoose ? 'IMPORTED' : ''),
h('div.flex-column.flex-center', { h('div.flex-column.flex-center.wallet-view__name-container', {
style: { margin: '0 auto' }, style: { margin: '0 auto' },
onClick: showAccountDetailModal,
}, [ }, [
h(Identicon, { h(Identicon, {
diameter: 54, diameter: 54,
@ -125,10 +126,11 @@ WalletView.prototype.render = function () {
}, [ }, [
selectedIdentity.name, selectedIdentity.name,
]), ]),
h('button.wallet-view__details-button', 'DETAILS'),
]), ]),
]), ]),
h('button.wallet-view__details-button', { onClick: showAccountDetailModal }, 'DETAILS'),
h('div.wallet-view__address', { onClick: () => copyToClipboard(selectedAddress) }, [ h('div.wallet-view__address', { onClick: () => copyToClipboard(selectedAddress) }, [
`${selectedAddress.slice(0, 4)}...${selectedAddress.slice(-4)}`, `${selectedAddress.slice(0, 4)}...${selectedAddress.slice(-4)}`,

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

@ -40,7 +40,7 @@
.dropdown-menu-item { .dropdown-menu-item {
.menu-icon-circle, .menu-icon-circle,
.menu-icon-circle--active { .menu-icon-circle--active {
margin: 0 16px; margin: 0 14px;
} }
} }
@ -116,8 +116,8 @@
.menu-icon-circle div, .menu-icon-circle div,
.menu-icon-circle--active div { .menu-icon-circle--active div {
height: 17px; height: 12px;
width: 17px; width: 12px;
border-radius: 17px; border-radius: 17px;
} }

8
ui/app/css/itcss/components/newui-sections.scss
View File

@ -54,7 +54,12 @@ $wallet-view-bg: $wild-sand;
} }
.wallet-view-account-details { .wallet-view-account-details {
flex: 0 0 150px; flex: 0 0 auto;
}
&__name-container {
flex: 0 0 auto;
cursor: pointer;
} }
&__keyring-label { &__keyring-label {
@ -244,6 +249,7 @@ $wallet-view-bg: $wild-sand;
line-height: 20px; line-height: 20px;
color: $scorpion; color: $scorpion;
margin-top: 8px; margin-top: 8px;
margin-bottom: 24px;
} }
// account options dropdown // account options dropdown