From 5f55b522481a076142ff790179b964b4318653e9 Mon Sep 17 00:00:00 2001 From: erdgeist Date: Sun, 26 Jul 2026 17:43:24 +0200 Subject: Fix login view so the user knows where they are logging in to --- app/views/sessions/new.html.erb | 20 +++++++++++--------- config/locales/de.yml | 1 + config/locales/en.yml | 1 + public/stylesheets/admin.css | 24 ++++++++++++++++++++++++ 4 files changed, 37 insertions(+), 9 deletions(-) diff --git a/app/views/sessions/new.html.erb b/app/views/sessions/new.html.erb index 3f115d58..a57b1ba4 100644 --- a/app/views/sessions/new.html.erb +++ b/app/views/sessions/new.html.erb @@ -1,15 +1,17 @@
- <%= form_tag session_path do -%> - <% if flash[:error] %> -
<%= flash[:error] %>
- <% end %> +

<%= t(".heading") %>

-
<%= t(".login") %>
-
<%= text_field_tag 'login', @login, :autocomplete => "username" %>
+ <%= form_tag session_path do -%> + -
<%= t(".password") %>
-
<%= password_field_tag 'password', nil, :autocomplete => "current-password" %>
+ -
<%= submit_tag t(".log_in") %>
+ <%= submit_tag t(".log_in") %> <% end -%>
diff --git a/config/locales/de.yml b/config/locales/de.yml index ae1149a4..51fafe21 100644 --- a/config/locales/de.yml +++ b/config/locales/de.yml @@ -201,6 +201,7 @@ de: login: "Anmeldename" password: "Passwort" log_in: "anmelden" + heading: "cccms" otp_challenges: new: diff --git a/config/locales/en.yml b/config/locales/en.yml index 50811b37..b3678187 100644 --- a/config/locales/en.yml +++ b/config/locales/en.yml @@ -154,6 +154,7 @@ en: login: "Login" password: "Password" log_in: "log in" + heading: "cccms" otp_challenges: new: diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css index 6664c4ce..a27968e9 100644 --- a/public/stylesheets/admin.css +++ b/public/stylesheets/admin.css @@ -101,6 +101,25 @@ input[type=radio] { #login_form { max-width: 22rem; + margin: 2rem auto; + padding: 1.25rem; + border: 1px solid #e8e8e8; + border-radius: 6px; +} + +#login_form h1 { + margin-top: 0; + font-size: 1.25rem; +} + +#login_form label { + display: block; + margin-bottom: 0.25rem; + text-transform: lowercase; +} + +#login_form .login_field { + margin-bottom: 1rem; } #login_form input[type=text], @@ -109,6 +128,11 @@ input[type=radio] { box-sizing: border-box; } +#login_form input[type=submit] { + width: 100%; + padding: 0.6rem 1rem; +} + /* ============================================================ Navigation ============================================================ */ -- cgit v1.3