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

Adds title, divider and descriptive text to network dropdown.

Browse Source
This commit is contained in:
Dan 2017-09-06 20:26:54 -02:30 committed by Chi Kei Chan
parent 6a3c59e409
commit 99047e3ef4
2 changed files with 45 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ui/app/components/dropdowns/network-dropdown.js
View File

@ -85,6 +85,17 @@ NetworkDropdown.prototype.render = function () {
},
}, [
h('div.network-dropdown-header', {}, [
h('div.network-dropdown-title', {}, 'Networks'),
h('div.network-dropdown-divider'),
h('div.network-dropdown-content',
{},
'The default network for Ether transactions is Main Net.'
),
]),
h(
DropdownMenuItem,
{

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

@ -60,3 +60,37 @@
justify-content: center;
align-items: center;
}
.network-dropdown-header {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.network-dropdown-divider {
width: 100%;
height: 1px;
margin: 10px 0;
background-color: $scorpion;
}
.network-dropdown-title {
height: 25px;
width: 75px;
color: $white;
font-family: 'DIN OT';
font-size: 18px;
line-height: 25px;
text-align: center;
}
.network-dropdown-content {
height: 36px;
width: 265px;
color: $dusty-gray;
font-family: 'DIN OT';
font-size: 14px;
line-height: 18px;
}