diff --git a/.changeset/login-legal-links-new-tab.md b/.changeset/login-legal-links-new-tab.md new file mode 100644 index 00000000..8402347d --- /dev/null +++ b/.changeset/login-legal-links-new-tab.md @@ -0,0 +1,9 @@ +--- +'ePDS': patch +--- + +Terms of Use and Privacy Policy links on the sign-in page now open in a new tab. + +**Affects:** End users + +**End users:** clicking Terms of Use or Privacy Policy on the sign-in page no longer navigates away from the in-progress sign-in. The links open in a new tab instead, so you can read the legal page and come back to finish signing in without restarting. diff --git a/packages/auth-service/src/routes/login-page.ts b/packages/auth-service/src/routes/login-page.ts index 7dd8a66c..45e2914f 100644 --- a/packages/auth-service/src/routes/login-page.ts +++ b/packages/auth-service/src/routes/login-page.ts @@ -494,9 +494,9 @@ export function renderLoginPage(opts: { opts.initialStep === 'otp' ? 'none' : 'block' };">By signing in, you agree to ${termsLead} Terms of Use and Terms of Use and Privacy Policy.` + )}" class="terms-link" target="_blank" rel="noopener noreferrer">Privacy Policy.` : '' const hasGoogle = 'google' in socialProviders @@ -578,8 +578,8 @@ export function renderLoginPage(opts: { .step-otp.active { display: block; } .step-email.hidden { display: none; } .terms { margin-top: 24px; color: var(--muted-foreground); font-size: 13px; font-weight: 400; line-height: 1.5; text-align: center; } - .terms-link { color: inherit; text-decoration: underline; } - .powered-by { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 16px; color: var(--muted-foreground); font-size: 13px; text-decoration: none; } + .terms-link { color: inherit; text-decoration: underline; cursor: pointer; } + .powered-by { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 16px; color: var(--muted-foreground); font-size: 13px; text-decoration: none; cursor: pointer; } .powered-by:hover, .powered-by:focus, .powered-by:visited { color: var(--muted-foreground); text-decoration: none; } .powered-by .certified-mark { height: 14px; width: auto; display: block; } /* Recovery-via-backup-email link. Shown by default; trusted clients