aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorDan <danjm.com@gmail.com>2018-02-28 01:29:33 +0800
committerDan <danjm.com@gmail.com>2018-02-28 01:43:05 +0800
commit0739d3507bb560c7991c52d16cdcf4790d65c4c5 (patch)
tree91f2cef0847a535b87e7913d902aaa6665b03c2f
parentdef369ba079fb3596c126fe9b622eda46afa54f6 (diff)
downloadtangerine-wallet-browser-0739d3507bb560c7991c52d16cdcf4790d65c4c5.tar.gz
tangerine-wallet-browser-0739d3507bb560c7991c52d16cdcf4790d65c4c5.tar.zst
tangerine-wallet-browser-0739d3507bb560c7991c52d16cdcf4790d65c4c5.zip
Adds beta label to Metamask name in full screen app bar.
-rw-r--r--ui/app/app.js2
-rw-r--r--ui/app/css/itcss/components/header.scss15
2 files changed, 17 insertions, 0 deletions
diff --git a/ui/app/app.js b/ui/app/app.js
index 7490c63b1..5d37b9bdf 100644
--- a/ui/app/app.js
+++ b/ui/app/app.js
@@ -288,6 +288,8 @@ App.prototype.renderAppBar = function () {
// metamask name
h('h1', 'MetaMask'),
+ h('div.beta-label', 'BETA'),
+
]),
h('div.header__right-actions', [
diff --git a/ui/app/css/itcss/components/header.scss b/ui/app/css/itcss/components/header.scss
index ac2cecf7e..d91ab3c48 100644
--- a/ui/app/css/itcss/components/header.scss
+++ b/ui/app/css/itcss/components/header.scss
@@ -76,6 +76,21 @@
}
}
+.beta-label {
+ font-family: Roboto;
+ text-transform: uppercase;
+ font-weight: 500;
+ font-size: 0.8rem;
+ padding-left: 9px;
+ color: $buttercup;
+ align-self: flex-start;
+ margin-top: 10px;
+
+ @media screen and (max-width: 575px) {
+ display: none;
+ }
+}
+
h2.page-subtitle {
text-transform: uppercase;
color: #aeaeae;