Skip to content

Conversation

@allanlasser
Copy link
Member

@allanlasser allanlasser commented Dec 8, 2025

Closes #482
Closes #455
Closes #456

Some users do not know where to find their 2FA codes after enabling the feature. This adds more clarification across our 2FA screens.

Authentication

Updates the screen where we ask for the code with a link to updated documentation for even deeper clarification.

Screenshot 2025-12-08 at 16 53 16

Activation & Deactivation

Updates these screens to match our application styles, provides users with clearer instructions on how to set up 2FA on their device and links to our documentation.

Screenshot 2026-01-07 at 10 31 49 Screenshot 2026-01-07 at 10 33 40

Recovery Codes

Updates these screens to match our application styles, provide clearer instructions about what recovery codes are and when to use them, and improve usability by making it easier to copy recovery codes to your clipboard.

Screenshot 2026-01-07 at 10 53 12 Screenshot 2026-01-07 at 10 53 38

This also addresses some smaller issues:

  1. Updates our redirects on MFA so that successful changes redirect to the user account page, not the MFA index page.
  2. Relocates page styles from inline <style> tag to mfa.css imported by views/mfa.ts for Standardize how we handle static files #427
  3. Fixes positioning of alerts. I'm not sure how it broke, but it did.

@allanlasser allanlasser temporarily deployed to squarelet-pi-allanlasse-jeekhw December 8, 2025 21:57 Inactive
@allanlasser allanlasser requested a review from eyeseast December 9, 2025 18:54
Dismiss
</span>
</div>
<div class="_cls-alerts">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For later, we should move alerts out of base.html and into a dedicated include.

Copy link
Collaborator

@eyeseast eyeseast left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should add this message to these two templates:

  • squarelet/templates/account/onboarding/mfa_setup.html
  • squarelet/templates/mfa/totp/activate_form.html

@allanlasser allanlasser self-assigned this Jan 5, 2026
@eyeseast
Copy link
Collaborator

eyeseast commented Jan 7, 2026

The onboarding prompt still could use something, though people aren't going to see it as much. If we really want to get this merged in, we could add it later. It's this template: squarelet/templates/account/onboarding/mfa_setup.html.

@allanlasser
Copy link
Member Author

Ah, forgot to hit that one! I'll copy some of the activation page content to it, since they're very similar.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

3 participants