diff options
| author | Dan <danjm.com@gmail.com> | 2017-09-07 06:56:54 +0800 |
|---|---|---|
| committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-12 10:16:43 +0800 |
| commit | 99047e3ef4650ee982d6c7ed606cdaacd4965d64 (patch) | |
| tree | 4bb4063e81066a10c66c7383cedd178b57a5cac8 /ui/app | |
| parent | 6a3c59e409cf4467ca2c59a0303f2df85ffde73f (diff) | |
| download | tangerine-wallet-browser-99047e3ef4650ee982d6c7ed606cdaacd4965d64.tar.gz tangerine-wallet-browser-99047e3ef4650ee982d6c7ed606cdaacd4965d64.tar.zst tangerine-wallet-browser-99047e3ef4650ee982d6c7ed606cdaacd4965d64.zip | |
Adds title, divider and descriptive text to network dropdown.
Diffstat (limited to 'ui/app')
| -rw-r--r-- | ui/app/components/dropdowns/network-dropdown.js | 11 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/network.scss | 34 |
2 files changed, 45 insertions, 0 deletions
diff --git a/ui/app/components/dropdowns/network-dropdown.js b/ui/app/components/dropdowns/network-dropdown.js index f1c6f8221..f79c8b29a 100644 --- a/ui/app/components/dropdowns/network-dropdown.js +++ b/ui/app/components/dropdowns/network-dropdown.js @@ -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, { diff --git a/ui/app/css/itcss/components/network.scss b/ui/app/css/itcss/components/network.scss index adc8e4662..6661bf9b2 100644 --- a/ui/app/css/itcss/components/network.scss +++ b/ui/app/css/itcss/components/network.scss @@ -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; +} + |