commit 6fdf2432ac70d9a5ae0b12cf4651b792cfbcdb10
parent 2cb525ee9aba0175ee6546551218b4c99d776c17
Author: n0tr1v <n0tr1v@protonmail.com>
Date: Sun, 4 Dec 2022 05:41:44 -0500
cleanup css
Diffstat:
7 files changed, 26 insertions(+), 16 deletions(-)
diff --git a/pkg/web/public/css/style.css b/pkg/web/public/css/style.css
@@ -54,4 +54,14 @@ input.transparent-input:hover {
}
input.transparent-input::placeholder {
color: #aaa !important;
+}
+
+.bg-label-link {
+ background-color: rgba(50, 50, 50, 0.6) !important;
+ padding: 3px 5px;
+ color: #7abaff;
+}
+.bg-label {
+ background-color: rgba(50, 50, 50, 0.6) !important;
+ padding: 3px 5px;
}
\ No newline at end of file
diff --git a/pkg/web/public/views/pages/chat-password.gohtml b/pkg/web/public/views/pages/chat-password.gohtml
@@ -92,7 +92,7 @@
<div class="form-group">
<div class="mb-2 text-center">
<img src="data:image/png;base64,{{ .Data.CaptchaImg }}" alt="captcha" style="background-color: hsl(0, 0%, 90%);" class="captcha-img" />
- <div class="text-center mb-2" style="background-color: rgba(80, 80, 80, 0.8) !important; padding: 3px 5px;"><a href="/captcha-help">Need help to solve the captcha?</a></div>
+ <div class="text-center mb-2 bg-label"><a href="/captcha-help">Need help to solve the captcha?</a></div>
</div>
<input class="transparent-input form-control{{ if .Data.ErrCaptcha }} is-invalid{{ end }}" placeholder="{{ t "Captcha" . }}" name="captcha" type="text" maxlength="6" required autocomplete="off" />
{{ if .Data.ErrCaptcha }}<div class="invalid-feedback d-block">{{ .Data.ErrCaptcha }}</div>{{ end }}
diff --git a/pkg/web/public/views/pages/forgot-password.gohtml b/pkg/web/public/views/pages/forgot-password.gohtml
@@ -85,7 +85,7 @@
{{ if .Data.UsernameError }}<div class="invalid-feedback d-block">{{ .Data.UsernameError }}</div>{{ end }}
</div>
<div class="form-group">
- <div class="text-center mb-2" style="background-color: rgba(80, 80, 80, 0.5) !important; padding: 3px 5px;">Captcha expires in <span id="tutorial_secs"></span> seconds (<a href="/captcha-help">help</a>)</div>
+ <div class="text-center mb-2 bg-label">Captcha expires in <span id="tutorial_secs"></span> seconds (<a href="/captcha-help">help</a>)</div>
<div class="mb-2 text-center">
<img src="data:image/png;base64,{{ .Data.CaptchaImg }}" alt="captcha" style="background-color: hsl(0, 0%, 90%);" class="captcha-img" />
</div>
@@ -93,11 +93,11 @@
{{ if .Data.ErrCaptcha }}<div class="invalid-feedback d-block">{{ .Data.ErrCaptcha }}</div>{{ end }}
</div>
<div class="form-group">
- <span style="background-color: rgba(80, 80, 80, 0.8) !important; padding: 3px 5px;">
+ <span class="bg-label">
<input id="gpg_mode_decrypt" name="gpg_mode" value="0" type="radio" checked />
<label for="gpg_mode_decrypt">Decrypt code</label>
</span>
- <span style="background-color: rgba(80, 80, 80, 0.8) !important; padding: 3px 5px; margin-left: 5px;">
+ <span class="bg-label ml-2">
<input id="gpg_mode_sign" name="gpg_mode" value="1" type="radio" />
<label for="gpg_mode_sign">Sign message</label>
</span>
@@ -106,7 +106,7 @@
<input type="submit" class="transparent-input btn btn-lg btn-primary btn-block" value="{{ t "Recover password" . }}" />
</div>
<div class="form-group">
- <a href="/" style="background-color: rgba(80, 80, 80, 0.8) !important; padding: 3px 5px; color: #7abaff;">{{ t "Login" . }}</a>
+ <a href="/" class="bg-label-link">{{ t "Login" . }}</a>
</div>
</div>
</div>
@@ -126,14 +126,14 @@
<div class="col-sm-12 col-md-10 offset-md-1 ">
{{ if .Data.GpgMode }}
<div class="form-group">
- <label for="encrypted_message" style="background-color: rgba(80, 80, 80, 0.8) !important; padding: 3px 5px;">
+ <label for="encrypted_message" class="bg-label">
{{ t "Please sign the following message with your private key and send the signature" . }}<br />
<code>gpg --armor --detach-sign file</code>
</label>
<input name="to_be_signed_message" id="to_be_signed_message" value="{{ .Data.ToBeSignedMessage }}" type="text" class="form-control" style="font-family: SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;" readonly />
</div>
<div class="form-group">
- <label for="signed_message" style="background-color: rgba(80, 80, 80, 0.8) !important; padding: 3px 5px;">{{ t "Message detached signature" . }}</label>
+ <label for="signed_message" class="bg-label">{{ t "Message detached signature" . }}</label>
<textarea name="signed_message" id="signed_message" rows="10" class="form-control{{ if .Data.ErrorSignedMessage }} is-invalid{{ end }}" style="font-family: SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;" autofocus>{{ .Data.SignedMessage }}</textarea>
{{ if .Data.ErrorSignedMessage }}
<div class="invalid-feedback">{{ .Data.ErrorSignedMessage }}</div>
@@ -141,11 +141,11 @@
</div>
{{ else }}
<div class="form-group">
- <label for="encrypted_message" style="background-color: rgba(80, 80, 80, 0.8) !important; padding: 3px 5px;">{{ t "Please decrypt the following message with your private key and send the required code" . }}</label>
+ <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="form-control" style="font-family: SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;" readonly>{{ .Data.EncryptedMessage }}</textarea>
</div>
<div class="form-group">
- <label for="pgp_code" style="background-color: rgba(80, 80, 80, 0.8) !important; padding: 3px 5px;">{{ t "Your decrypted code" . }}</label>
+ <label for="pgp_code" class="bg-label">{{ t "Your decrypted code" . }}</label>
<input name="pgp_code" id="pgp_code" value="{{ .Data.Code }}" type="text" class="form-control{{ if .Data.ErrorCode }} is-invalid{{ end }}" autofocus />
{{ if .Data.ErrorCode }}
<div class="invalid-feedback">{{ .Data.ErrorCode }}</div>
diff --git a/pkg/web/public/views/pages/login.gohtml b/pkg/web/public/views/pages/login.gohtml
@@ -100,8 +100,8 @@
<input type="submit" class="transparent-input btn btn-lg btn-primary btn-block" value="{{ t "Sign in" . }}" />
</div>
<div class="form-group">
- <a href="/signup" style="background-color: rgba(80, 80, 80, 0.8) !important; padding: 3px 5px; color: #7abaff;">{{ t "Register" . }}</a>
- <a href="/forgot-password" style="background-color: rgba(80, 80, 80, 0.8) !important; padding: 3px 5px; color: #7abaff;">{{ t "I forgot my password" . }}</a>
+ <a href="/signup" class="bg-label-link">{{ t "Register" . }}</a>
+ <a href="/forgot-password" class="bg-label-link">{{ t "I forgot my password" . }}</a>
</div>
{{ if .Data.HomeUsersList }}
<div class="form-group">
diff --git a/pkg/web/public/views/pages/signup-invite.gohtml b/pkg/web/public/views/pages/signup-invite.gohtml
@@ -58,7 +58,7 @@
<div class="container" id="form_login">
<div class="row">
<div class="col-8 offset-2 col-md-8 offset-md-2 col-sm-8 col-lg-6 offset-lg-3 col-xl-4 offset-xl-4">
- <div style="background-color: rgba(80, 80, 80, 0.8) !important; padding: 3px 5px;" class="mb-3">
+ <div class="mb-3 bg-label">
New signup are temporarily disabled.<br />
However, you can get an invitation code if you ask the right person.<br />
</div>
diff --git a/pkg/web/public/views/pages/signup-wait.gohtml b/pkg/web/public/views/pages/signup-wait.gohtml
@@ -69,7 +69,7 @@
<div class="container" id="form_login">
<div class="row">
<div class="col-8 offset-2 col-md-8 offset-md-2 col-sm-8 col-lg-6 offset-lg-3 col-xl-4 offset-xl-4">
- <div style="background-color: rgba(80, 80, 80, 0.8) !important; padding: 3px 5px;">Please wait <span id="tutorial_secs"></span> seconds to be automatically redirected</div>
+ <div class="bg-label">Please wait <span id="tutorial_secs"></span> seconds to be automatically redirected</div>
</div>
</div>
</div>
diff --git a/pkg/web/public/views/pages/signup.gohtml b/pkg/web/public/views/pages/signup.gohtml
@@ -91,7 +91,7 @@
</div>
{{ if not .Data.HasSolvedCaptcha }}
<div class="form-group">
- <div class="text-center mb-2" style="background-color: rgba(80, 80, 80, 0.5) !important; padding: 3px 5px;">Captcha expires in <span id="tutorial_secs"></span> seconds (<a href="/captcha-help">help</a>)</div>
+ <div class="text-center mb-2 bg-label">Captcha expires in <span id="tutorial_secs"></span> seconds (<a href="/captcha-help">help</a>)</div>
<div class="mb-2 text-center">
<img src="data:image/png;base64,{{ .Data.CaptchaImg }}" alt="captcha" style="background-color: hsl(0, 0%, 90%);" class="captcha-img" />
</div>
@@ -100,7 +100,7 @@
</div>
{{ else }}
<div class="form-group">
- <div class="text-center mb-2" style="background-color: rgba(80, 80, 80, 0.5) !important; padding: 3px 5px;">Captcha is solved (<a href="/captcha-help">help</a>)</div>
+ <div class="text-center mb-2 bg-label">Captcha is solved (<a href="/captcha-help">help</a>)</div>
<div class="mb-2 text-center">
<img src="data:image/png;base64,{{ .Data.CaptchaImg }}" alt="captcha" style="background-color: hsl(0, 0%, 90%);" />
</div>
@@ -111,7 +111,7 @@
<input type="submit" class="transparent-input btn btn-lg btn-primary btn-block" value="{{ t "Sign up" . }}" />
</div>
<div class="form-group">
- <a href="/" style="background-color: rgba(80, 80, 80, 0.8) !important; padding: 3px 5px; color: #7abaff;">{{ t "Login" . }}</a>
+ <a href="/" class="bg-label-link">{{ t "Login" . }}</a>
</div>
</div>
</div>
