Connect export key modal to state and enable actions.

1 files changed, 27 insertions, 1 deletions

diff --git a/ui/app/css/itcss/components/modal.scss b/ui/app/css/itcss/components/modal.scss
index 9cdfdec8f..00b6111f7 100644
--- a/ui/app/css/itcss/components/modal.scss
+++ b/ui/app/css/itcss/components/modal.scss
@@ -283,13 +283,18 @@
   flex-direction: column;
 }
 
-.private-key-password-label {
+.private-key-password-label, .private-key-password-error {
   color: $scorpion;
   font-size: 14px;
   line-height: 18px;
   margin-bottom: 10px;
 }
 
+.private-key-password-error {
+  color: $crimson;
+  margin-bottom: 0;
+}
+
 .private-key-password-input {
   padding: 10px 0 13px 17px;
   font-size: 16px;
@@ -333,6 +338,27 @@
   }
 }
 
+.private-key-password-display-wrapper {
+  height: 80px;
+  width: 291px;
+  border: 1px solid $silver; 
+  border-radius: 2px;
+}
+
+.private-key-password-display-textarea {
+  color: $crimson;
+  font-family: "DIN OT"; 
+  font-size: 16px; 
+  line-height: 21px;
+  border: none;
+  height: 75px;
+  width: 253px;
+  overflow: hidden;
+  resize: none;
+  padding: 9px 13px 8px;
+  text-transform: uppercase;
+}
+
 
 // New Account Modal
 .new-account-modal-wrapper {