commit ebdceb345799aa246ac2be09e24f1d0905e49cbd parent 53583f0717a7fece6db4e999153442cea8176cfe Author: n0tr1v <n0tr1v@protonmail.com> Date: Sat, 3 Jun 2023 10:18:22 -0700 improve ux Diffstat:
4 files changed, 10 insertions(+), 6 deletions(-)
diff --git a/pkg/web/public/css/style.css b/pkg/web/public/css/style.css @@ -38,15 +38,15 @@ input[type=text], input[type=password], input[type=number], input[type=email], i .censored > a { color: black; } .censored > a:hover { color: #007053; text-decoration: underline; } -input.transparent-input.is-invalid, textarea.transparent-input.is-invalid { +pre.transparent-input.is-invalid, input.transparent-input.is-invalid, textarea.transparent-input.is-invalid { border: 1px solid rgba(200, 0, 0, 0.8) !important; } -input.transparent-input, textarea.transparent-input { +pre.transparent-input, input.transparent-input, textarea.transparent-input { background-color: rgba(50, 50, 50, 0.8) !important; border: 1px solid rgba(200, 255, 255, 0.8) !important; color: #ccc !important; } -input.transparent-input:hover, textarea.transparent-input:hover { +pre.transparent-input:hover, input.transparent-input:hover, textarea.transparent-input:hover { background-color: rgba(50, 50, 50, 0.8) !important; border: 1px solid rgba(100, 200, 255, 0.8) !important; } @@ -161,4 +161,5 @@ textarea { .code-select code { user-select: all; -webkit-user-select: all; + display: block; } \ No newline at end of file diff --git a/pkg/web/public/views/pages/age_code.gohtml b/pkg/web/public/views/pages/age_code.gohtml @@ -19,7 +19,8 @@ <input type="hidden" name="formName" value="age_step2" /> <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="age_code">{{ t "Your decrypted code" . }}</label> diff --git a/pkg/web/public/views/pages/sessions-gpg-two-factor.gohtml b/pkg/web/public/views/pages/sessions-gpg-two-factor.gohtml @@ -16,7 +16,8 @@ <input type="hidden" name="token" value="{{ .Data.Token }}" /> <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> diff --git a/pkg/web/public/views/pages/standalone/forgot-password.gohtml b/pkg/web/public/views/pages/standalone/forgot-password.gohtml @@ -91,7 +91,8 @@ {{ else }} <div class="form-group"> <label for="encrypted_message" class="bg-label">{{ 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="transparent-input form-control mono" readonly>{{ .Data.EncryptedMessage }}</textarea> + <input name="encrypted_message" value="{{ .Data.EncryptedMessage }}" type="hidden" /> + <pre class="code-select transparent-input"><code>{{ .Data.EncryptedMessage }}</code></pre> </div> <div class="form-group"> <label for="pgp_code" class="bg-label">{{ t "Your decrypted code" . }}</label>