mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
Adds title, divider and descriptive text to network dropdown.
This commit is contained in:
parent
6a3c59e409
commit
99047e3ef4
@ -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(
|
h(
|
||||||
DropdownMenuItem,
|
DropdownMenuItem,
|
||||||
{
|
{
|
||||||
|
@ -60,3 +60,37 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: 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;
|
||||||
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user