aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorChi Kei Chan <chikeichan@gmail.com>2017-10-25 15:10:09 +0800
committerChi Kei Chan <chikeichan@gmail.com>2017-10-25 15:10:09 +0800
commit311ca1f3ca52ca4a4f45098ba3a0a5750ae9d3c6 (patch)
treeee40de7aa40be4343e0bacac4733ca2f214ff30b
parent3e55caeffd6b7657067009ece9aa339922aee561 (diff)
downloadtangerine-wallet-browser-311ca1f3ca52ca4a4f45098ba3a0a5750ae9d3c6.tar.gz
tangerine-wallet-browser-311ca1f3ca52ca4a4f45098ba3a0a5750ae9d3c6.tar.zst
tangerine-wallet-browser-311ca1f3ca52ca4a4f45098ba3a0a5750ae9d3c6.zip
Fix styling on notification view
-rw-r--r--app/notification.html4
-rw-r--r--ui/app/css/itcss/components/confirm.scss9
-rw-r--r--ui/app/css/itcss/components/network.scss2
3 files changed, 12 insertions, 3 deletions
diff --git a/app/notification.html b/app/notification.html
index be38f4aa3..f10cbbf41 100644
--- a/app/notification.html
+++ b/app/notification.html
@@ -1,5 +1,5 @@
<!doctype html>
-<html>
+<html style="height:600px;">
<head>
<meta charset="utf-8">
<title>MetaMask Notification</title>
@@ -9,7 +9,7 @@
}
</style>
</head>
- <body style="width:350px; height:500px;">
+ <body class="notification" style="height:600px;">
<div id="app-content"></div>
<script src="./scripts/popup.js" type="text/javascript" charset="utf-8"></script>
</body>
diff --git a/ui/app/css/itcss/components/confirm.scss b/ui/app/css/itcss/components/confirm.scss
index c498afba2..130b8cbfd 100644
--- a/ui/app/css/itcss/components/confirm.scss
+++ b/ui/app/css/itcss/components/confirm.scss
@@ -16,6 +16,15 @@
}
}
+.notification {
+ .confirm-screen-wrapper {
+
+ @media screen and (max-width: $break-small) {
+ height: calc(100vh - 85px);
+ }
+ }
+}
+
.confirm-screen-wrapper {
height: 100%;
width: 380px;
diff --git a/ui/app/css/itcss/components/network.scss b/ui/app/css/itcss/components/network.scss
index 0bc66ea1a..98dbdffb2 100644
--- a/ui/app/css/itcss/components/network.scss
+++ b/ui/app/css/itcss/components/network.scss
@@ -1,5 +1,5 @@
.network-component--disabled {
- border-color: transparent !important;
+ // border-color: transparent !important;
cursor: default;
.fa-caret-down {