|
78 | 78 | #passphrase-form-div { |
79 | 79 | text-align: center; |
80 | 80 | max-width: 500px; |
81 | | - margin: 0 1em; |
82 | 81 | } |
83 | 82 | #passphrase-form-div p { |
84 | | - color: #555; |
85 | 83 | font-size: 0.9em; |
86 | 84 | margin-bottom: 1.5em; |
87 | 85 | } |
|
91 | 89 | width: auto; |
92 | 90 | word-wrap: none; |
93 | 91 | margin: 0.5em 0 0.25em 0; |
94 | | - color: #444; |
95 | 92 | } |
96 | 93 | #passphrase-form-div input[type="password"] { |
97 | 94 | width: 100%; |
98 | | - padding: 0.6em; |
| 95 | + padding: 0.5em 0; |
99 | 96 | font-size: 1em; |
100 | | - border: 1px solid #ccc; |
101 | | - border-radius: 4px; |
| 97 | + border: none; |
| 98 | + border-bottom: 1px solid #666; |
102 | 99 | box-sizing: border-box; |
103 | 100 | margin-bottom: 0.5em; |
104 | | - } |
105 | | - #passphrase-form-div input[type="password"]:focus { |
| 101 | + background-color: transparent; |
106 | 102 | outline: none; |
107 | | - border-color: #666; |
108 | 103 | } |
109 | 104 | #encrypt-and-export { |
110 | 105 | color: white; |
|
123 | 118 | #passphrase-error { |
124 | 119 | color: #c0392b; |
125 | 120 | font-size: 0.9em; |
126 | | - margin: 0.5em 0; |
| 121 | + margin-bottom: 0.5em; |
127 | 122 | text-align: left; |
128 | 123 | } |
129 | 124 | #passphrase-strength { |
|
144 | 139 | } |
145 | 140 | #passphrase-strength-text { |
146 | 141 | font-size: 0.8em; |
147 | | - color: #666; |
148 | 142 | } |
149 | 143 | .strength-weak { |
150 | 144 | background-color: #e74c3c; |
@@ -264,6 +258,7 @@ <h2>Message log</h2> |
264 | 258 | </div> |
265 | 259 | <span id="passphrase-strength-text"></span> |
266 | 260 | </div> |
| 261 | + <br /> |
267 | 262 | <label for="export-passphrase-confirm">Confirm Passphrase</label> |
268 | 263 | <input |
269 | 264 | type="password" |
@@ -1727,6 +1722,7 @@ <h2>Message log</h2> |
1727 | 1722 | errorMsg.innerText = message; |
1728 | 1723 | errorMsg.classList.remove("hidden"); |
1729 | 1724 | errorMsg.style.display = "block"; |
| 1725 | + errorMsg.style.color = "c0392b"; |
1730 | 1726 | } |
1731 | 1727 |
|
1732 | 1728 | function clearPassphraseError() { |
@@ -1902,8 +1898,6 @@ <h2>Message log</h2> |
1902 | 1898 | * @param {string} requestId |
1903 | 1899 | */ |
1904 | 1900 | async function onConfirmPassphraseExport(requestId) { |
1905 | | - const responseRequestId = |
1906 | | - requestId || pendingPassphraseExport.requestId; |
1907 | 1901 | const passphraseInput = document.getElementById("export-passphrase"); |
1908 | 1902 | const confirmInput = document.getElementById( |
1909 | 1903 | "export-passphrase-confirm" |
@@ -1955,7 +1949,7 @@ <h2>Message log</h2> |
1955 | 1949 | TKHQ.sendMessageUp( |
1956 | 1950 | "PASSPHRASE_ENCRYPTED_BUNDLE", |
1957 | 1951 | encryptedBase64, |
1958 | | - responseRequestId |
| 1952 | + requestId |
1959 | 1953 | ); |
1960 | 1954 | } catch (e) { |
1961 | 1955 | wipeUint8Array(plaintextCopy); |
|
0 commit comments