dkforest

commit 53583f0717a7fece6db4e999153442cea8176cfe
parent 9642e9e70f2dbb64f529254d93cfa68f81ebddec
Author: n0tr1v <n0tr1v@protonmail.com>
Date:   Sat,  3 Jun 2023 10:08:50 -0700

improve styling and ux

Diffstat:
M
pkg/web/public/css/style.css
 | 
15
+++++++++++++--
M
pkg/web/public/views/pages/pgp_code.gohtml
 | 
6
++++--

2 files changed, 17 insertions(+), 4 deletions(-)
diff --git a/pkg/web/public/css/style.css b/pkg/web/public/css/style.css
@@ -150,4 +150,15 @@ textarea {
     overflow-wrap: normal;
 }
 
-.color-pkr { width: 120px; }
-\ No newline at end of file
+.color-pkr { width: 120px; }
+
+.code-select {
+    background-color: rgb(79, 79, 79);
+    border-radius: 0.25rem;
+    padding: 0.375rem 0.75rem;
+}
+
+.code-select code {
+    user-select: all;
+    -webkit-user-select: all;
+}
+\ No newline at end of file
diff --git a/pkg/web/public/views/pages/pgp_code.gohtml b/pkg/web/public/views/pages/pgp_code.gohtml
@@ -22,7 +22,8 @@
                             <div class="form-group">
                                 <label for="encrypted_message">{{ t "Please sign the following message with your private key and send the signature" . }}</label>
                                 <p><code>gpg --armor --detach-sign file</code></p>
-                                <input name="to_be_signed_message" id="to_be_signed_message" value="{{ .Data.ToBeSignedMessage }}" type="text" class="form-control mono" readonly />
+                                <pre class="code-select"><code>{{ .Data.ToBeSignedMessage }}</code></pre>
+                                <input name="to_be_signed_message" value="{{ .Data.ToBeSignedMessage }}" type="hidden" />
                             </div>
                             <div class="form-group">
                                 <label for="signed_message">{{ t "Message detached signature" . }}</label>
@@ -34,7 +35,8 @@
                         {{ else }}
                             <div class="form-group">
                                 <label for="encrypted_message">{{ t "Please decrypt the following message with your private key and send the required code" . }}</label>
-                                <textarea name="encrypted_message" id="encrypted_message" rows="10" class="form-control mono" readonly>{{ .Data.EncryptedMessage }}</textarea>
+                                <input name="encrypted_message" value="{{ .Data.EncryptedMessage }}" type="hidden" />
+                                <pre class="code-select"><code>{{ .Data.EncryptedMessage }}</code></pre>
                             </div>
                             <div class="form-group">
                                 <label for="pgp_code">{{ t "Your decrypted code" . }}</label>