m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-23 02:10:12 +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.flex-column.flex-center', {
h('div.flex-column.flex-center.wallet-view__name-container', {
style: { margin: '0 auto' },
onClick: showAccountDetailModal,
}, [
h(Identicon, {
diameter: 54,
@ -125,10 +126,11 @@ WalletView.prototype.render = function () {
}, [
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) }, [
`${selectedAddress.slice(0, 4)}...${selectedAddress.slice(-4)}`,

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

@ -40,7 +40,7 @@
.dropdown-menu-item {
.menu-icon-circle,
.menu-icon-circle--active {
margin: 0 16px;
margin: 0 14px;
}
}
@ -116,8 +116,8 @@
.menu-icon-circle div,
.menu-icon-circle--active div {
height: 17px;
width: 17px;
height: 12px;
width: 12px;
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 {
flex: 0 0 150px;
flex: 0 0 auto;
}
&__name-container {
flex: 0 0 auto;
cursor: pointer;
}
&__keyring-label {
@ -244,6 +249,7 @@ $wallet-view-bg: $wild-sand;
line-height: 20px;
color: $scorpion;
margin-top: 8px;
margin-bottom: 24px;
}
// account options dropdown