From fa9e6673733c3da97d50749a51b557a52acd2602 Mon Sep 17 00:00:00 2001 From: Antoine Clausse Date: Mon, 8 Dec 2025 14:01:24 +0100 Subject: [PATCH] [web] Misc. changes to CIAM pages (#30181) * Remove double dots * Make skip button Tertiary instead of Link * Bold email * New zotero logo GitOrigin-RevId: 569fa4c18fc85abf55b492f7033472445c63ed6b --- .../web/app/views/user/passwordResetCiam.pug | 2 +- services/web/app/views/user/setPassword.pug | 2 +- services/web/app/views/user/setPasswordCiam.pug | 4 ++-- .../frontend/stylesheets/ciam/ciam-layout.scss | 5 ----- .../img/third-party-icons/zotero_64x64x32.png | Bin 0 -> 4616 bytes 5 files changed, 4 insertions(+), 9 deletions(-) create mode 100644 services/web/public/img/third-party-icons/zotero_64x64x32.png diff --git a/services/web/app/views/user/passwordResetCiam.pug b/services/web/app/views/user/passwordResetCiam.pug index 5647e187b1..7606c10d03 100644 --- a/services/web/app/views/user/passwordResetCiam.pug +++ b/services/web/app/views/user/passwordResetCiam.pug @@ -79,7 +79,7 @@ block content p.ciam-login-text a(href='/login') #{translate("back_to_log_in")} div(hidden data-ol-sent) - p.intro-p !{translate('if_theres_an_account_youll_get_reset_email', {email: 'your email'})} + p.intro-p !{translate('if_theres_an_account_youll_get_reset_email', {email: 'your email'})} p.ciam-login-text.text-start a(href='/login') #{translate('back_to_log_in')} diff --git a/services/web/app/views/user/setPassword.pug b/services/web/app/views/user/setPassword.pug index dc3b1db0bc..c2f62e853d 100644 --- a/services/web/app/views/user/setPassword.pug +++ b/services/web/app/views/user/setPassword.pug @@ -62,7 +62,7 @@ block content | #{translate('invalid_password')}. +customValidationMessageNewStyle('password-must-be-different') - | #{translate('password_cant_be_the_same_as_current_one')}. + | #{translate('password_cant_be_the_same_as_current_one')} +customValidationMessageNewStyle('password-must-be-strong') | !{translate('password_was_detected_on_a_public_list_of_known_compromised_passwords', {}, [{name: 'a', attrs: {href: 'https://haveibeenpwned.com/passwords', rel: 'noopener noreferrer', target: '_blank'}}])} diff --git a/services/web/app/views/user/setPasswordCiam.pug b/services/web/app/views/user/setPasswordCiam.pug index 3e3540c9f3..85ac405ba2 100644 --- a/services/web/app/views/user/setPasswordCiam.pug +++ b/services/web/app/views/user/setPasswordCiam.pug @@ -22,7 +22,7 @@ block content ) div(hidden data-ol-sent) h1 #{translate("your_password_has_been_reset")} - p.intro-p #{translate("you_can_now_sign_in_with_new_password")}. + p.intro-p #{translate("you_can_now_sign_in_with_new_password")} a.btn.btn-ds.btn-lg.btn-primary.w-100(href='/login') #{translate("go_to_sign_in")} div(data-ol-not-sent) @@ -47,7 +47,7 @@ block content | #{translate('invalid_password')}. +ciamCustomFormDangerMessage('password-must-be-different') - | #{translate('password_cant_be_the_same_as_current_one')}. + | #{translate('password_cant_be_the_same_as_current_one')} +ciamCustomFormDangerMessage('password-must-be-strong') | !{translate('password_was_detected_on_a_public_list_of_known_compromised_passwords', {}, [{name: 'a', attrs: {href: 'https://haveibeenpwned.com/passwords', rel: 'noopener noreferrer', target: '_blank'}}])} diff --git a/services/web/frontend/stylesheets/ciam/ciam-layout.scss b/services/web/frontend/stylesheets/ciam/ciam-layout.scss index 8d9ed3aeb2..7b33ac7098 100644 --- a/services/web/frontend/stylesheets/ciam/ciam-layout.scss +++ b/services/web/frontend/stylesheets/ciam/ciam-layout.scss @@ -214,11 +214,6 @@ } } -.ciam-onboarding-steps-container { - text-align: center; - padding: var(--ds-spacing-250) var(--ds-spacing-400); -} - .ciam-dropdown-menu { // Apply styling from DS design system to CIAM dropdowns --dropdown-border-radius: var(--ds-border-radius-200); diff --git a/services/web/public/img/third-party-icons/zotero_64x64x32.png b/services/web/public/img/third-party-icons/zotero_64x64x32.png new file mode 100644 index 0000000000000000000000000000000000000000..8f201acb604ae8251e2c5eb89c6bb5afa0224094 GIT binary patch literal 4616 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