From eac5e1bef932f2cf84354bea9ef3b60a8617344f Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Tue, 14 Oct 2025 17:19:57 -0500
Subject: [PATCH] Bring back the shake effect if you get it wrong, bring back
 placeholder

---
 app/views/sessions/magic_links/show.html.erb | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/views/sessions/magic_links/show.html.erb b/app/views/sessions/magic_links/show.html.erb
index d8c323cf5..933b837f7 100644
--- a/app/views/sessions/magic_links/show.html.erb
+++ b/app/views/sessions/magic_links/show.html.erb
@@ -9,7 +9,7 @@
   </nav>
 <% end %>
 
-<div class="panel shadow center margin-block-double flex flex-column gap-half" style="--panel-size: 42ch; view-transition-name: sign-in-panel">
+<div class="panel shadow center margin-block-double flex flex-column gap-half <%= "shake" if flash[:alert] %>" style="--panel-size: 42ch; view-transition-name: sign-in-panel">
   <header>
     <h1 class="txt-x-large font-weight-black margin-none">Check your email</h1>
     <p class="margin-none-block-start">We just emailed you a special code</p>
@@ -17,7 +17,7 @@
 
   <%= form_with url: session_magic_link_path, method: :post, html: { class: "flex flex-column gap", data: { controller: token_list("auto-submit" => params[:code].present?)} } do |form| %>
     <div class="flex align-center gap">
-      <%= form.text_field :code, required: true, class: "input center txt-align-enter", autofocus: true, "data-1p-ignore": true, autocomplete: "one-time-code", maxlength: "6", value: params[:code] %>
+      <%= form.text_field :code, required: true, class: "input center txt-align-enter", autofocus: true, "data-1p-ignore": true, autocomplete: "one-time-code", maxlength: "6", placeholder: "••••••", value: params[:code] %>
     </div>
 
     <button type="submit" id="log_in" class="btn btn--link center">