From 60cbaf4fbf0b3847a06b62c4a7fe37c928053497 Mon Sep 17 00:00:00 2001
From: mymindstorm <mymindstorm1@gmail.com>
Date: Sun, 28 Jan 2018 23:16:01 -0600
Subject: [PATCH] Add export / import menu how to message (#264)

* Add export message

* Height fix
---
 _locales/en/messages.json | 4 ++++
 css/popup.css             | 9 ++++++++-
 javascript/popup.js       | 1 +
 popup.html                | 1 +
 4 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/_locales/en/messages.json b/_locales/en/messages.json
index 8c953eb..b418ebc 100644
--- a/_locales/en/messages.json
+++ b/_locales/en/messages.json
@@ -174,5 +174,9 @@
     "scale": {
         "message": "Scale",
         "description": "Scale"
+    },
+    "export_info": {
+        "message": "Copy this text and save it somewhere else to backup your secrets. Want to add an account to another app? Hover over the top right part of any account and hit the hidden button.",
+        "description": "Export menu info text"
     }
 }
diff --git a/css/popup.css b/css/popup.css
index 4711bc0..11c85de 100644
--- a/css/popup.css
+++ b/css/popup.css
@@ -596,7 +596,8 @@ body {
 }
 
 #exportData {
-    height: 330px;
+    margin-top: 10px;
+    height: 265px;
     width: 100%;
     word-break: break-all;
     resize: none;
@@ -675,7 +676,13 @@ body {
     margin: 10px 0 0 10px;
 }
 
+#export_info {
+    display: block;
+    margin: 10px 10px 0 10px;
+}
+
 #security_warning,
+#export_info,
 #passphrase_info {
     color: gray;
 }
diff --git a/javascript/popup.js b/javascript/popup.js
index baecbfc..f7c810e 100644
--- a/javascript/popup.js
+++ b/javascript/popup.js
@@ -39,6 +39,7 @@ document.getElementById('menuName').innerText = chrome.i18n.getMessage('settings
 document.getElementById('security_new_phrase_label').innerText = chrome.i18n.getMessage('phrase');
 document.getElementById('security_confirm_phrase_label').innerText = chrome.i18n.getMessage('confirm_phrase');
 document.getElementById('security_warning').innerText = chrome.i18n.getMessage('security_warning');
+document.getElementById('export_info').innerText = chrome.i18n.getMessage('export_info');
 document.getElementById('exportButton').innerText = chrome.i18n.getMessage('update');
 document.getElementById('resize_save').innerText = chrome.i18n.getMessage('ok');
 document.getElementById('security_save').innerText = chrome.i18n.getMessage('ok');
diff --git a/popup.html b/popup.html
index de363d1..e06e9a1 100644
--- a/popup.html
+++ b/popup.html
@@ -92,6 +92,7 @@
 <div id="export">
 <div id="exportClose"><i class="fa fa-times-circle"></i></div>
 <div id="exportContent">
+<div id="export_info"></div>
 <textarea id="exportData"></textarea>
 <div id="exportButton"></div>
 </div>