aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/css
diff options
context:
space:
mode:
authorDan <danjm.com@gmail.com>2017-09-20 16:06:31 +0800
committerChi Kei Chan <chikeichan@gmail.com>2017-09-26 09:29:43 +0800
commit2c474b0d6e487652cf16e224e19deb0bf68abedb (patch)
tree502649e328b73083d823bde01d70c86b0dc27d12 /ui/app/css
parent0eeba3771c2396c12de3f254dbfaae957344411d (diff)
downloadtangerine-wallet-browser-2c474b0d6e487652cf16e224e19deb0bf68abedb.tar.gz
tangerine-wallet-browser-2c474b0d6e487652cf16e224e19deb0bf68abedb.tar.zst
tangerine-wallet-browser-2c474b0d6e487652cf16e224e19deb0bf68abedb.zip
Export private key modal body ui.
Diffstat (limited to 'ui/app/css')
-rw-r--r--ui/app/css/itcss/components/modal.scss69
-rw-r--r--ui/app/css/itcss/components/sections.scss2
2 files changed, 70 insertions, 1 deletions
diff --git a/ui/app/css/itcss/components/modal.scss b/ui/app/css/itcss/components/modal.scss
index 0afd778e9..9cdfdec8f 100644
--- a/ui/app/css/itcss/components/modal.scss
+++ b/ui/app/css/itcss/components/modal.scss
@@ -265,6 +265,75 @@
background-color: $alto;
}
+// Export Private Key Modal
+
+.account-modal-container .account-name {
+ margin-top: 9px;
+ font-size: 20px;
+}
+
+.account-modal-container .modal-body-title {
+ margin-top: 16px;
+ margin-bottom: 16px;
+ font-size: 18px;
+}
+
+.private-key-password {
+ display: flex;
+ flex-direction: column;
+}
+
+.private-key-password-label {
+ color: $scorpion;
+ font-size: 14px;
+ line-height: 18px;
+ margin-bottom: 10px;
+}
+
+.private-key-password-input {
+ padding: 10px 0 13px 17px;
+ font-size: 16px;
+ line-height: 21px;
+ width: 291px;
+ height: 44px;
+}
+
+.private-key-password::-webkit-input-placeholder {
+ color: $dusty-gray;
+ font-family: 'Montserrat UltraLight';
+}
+
+.private-key-password-warning {
+ border-radius: 8px;
+ background-color: #FFF6F6;
+ font-size: 12px;
+ font-weight: 500;
+ line-height: 15px;
+ color: $crimson;
+ width: 292px;
+ padding: 9px 15px;
+ margin-top: 18px;
+ font-family: 'Montserrat Regular';
+}
+
+.export-private-key-buttons {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+
+ .btn-clear {
+ width: 141px;
+ height: 54px;
+ }
+
+ .btn-cancel {
+ margin-right: 15px;
+ border-color: $dusty-gray;
+ color: $scorpion;
+ }
+}
+
+
// New Account Modal
.new-account-modal-wrapper {
display: flex;
diff --git a/ui/app/css/itcss/components/sections.scss b/ui/app/css/itcss/components/sections.scss
index 44ec3e862..5c32976a7 100644
--- a/ui/app/css/itcss/components/sections.scss
+++ b/ui/app/css/itcss/components/sections.scss
@@ -446,7 +446,7 @@ textarea.twelve-word-phrase {
color: $white;
}
-.qr-ellip-address {
+.qr-ellip-address, .ellip-address {
overflow: hidden;
text-overflow: ellipsis;
}