diff --git a/services/web/app/views/user/passwordResetCiam.pug b/services/web/app/views/user/passwordResetCiam.pug index 7606c10d03..a2f6a368d7 100644 --- a/services/web/app/views/user/passwordResetCiam.pug +++ b/services/web/app/views/user/passwordResetCiam.pug @@ -43,11 +43,9 @@ block content ) if error === 'password_reset_token_expired' h1 #{translate("sorry_your_token_expired")} - p.intro-p #{translate('please_request_a_new_password_reset_email_and_follow_the_link')}. else h1(data-ol-not-sent) #{translate("reset_your_password")} h1(hidden data-ol-sent) #{translate("check_your_inbox")} - p.intro-p(data-ol-not-sent) #{translate("enter_your_email_and_we_will_send_reset_instructions")} div(data-ol-not-sent) +formMessagesNewStyle @@ -57,7 +55,14 @@ block content div(data-ol-custom-form-message='no-password-allowed-due-to-sso' hidden) +ciamErrorNotification - p !{translate('you_cant_reset_password_due_to_sso', {}, [{name: 'a', attrs: {href: '/sso-login'}}])} + p !{translate('you_cant_reset_password_due_to_sso', {}, [{ name: 'a', attrs: { href: '/sso-login' } }])} + + if error === 'password_reset_token_expired' + p.intro-p(data-ol-not-sent) #{translate('please_request_a_new_password_reset_email_and_follow_the_link')}. + else + p.intro-p(data-ol-not-sent) #{translate("enter_your_email_and_we_will_send_reset_instructions")} + + div(data-ol-not-sent) input(name='_csrf' type='hidden' value=csrfToken) .form-group.form-group-ds label.form-label(for='email') #{translate("email")} diff --git a/services/web/frontend/js/features/settings/components/emails/ciam-six-digits-input.tsx b/services/web/frontend/js/features/settings/components/emails/ciam-six-digits-input.tsx index 882ac5cb92..18cea92fa7 100644 --- a/services/web/frontend/js/features/settings/components/emails/ciam-six-digits-input.tsx +++ b/services/web/frontend/js/features/settings/components/emails/ciam-six-digits-input.tsx @@ -37,7 +37,7 @@ const CIAMSixDigitsInput = forwardRef< )} maxLength={7} inputMode="numeric" - autocomplete="off" + autoComplete="off" data-1p-ignore /> {group1.length > 0 && ( diff --git a/services/web/frontend/js/features/settings/components/emails/confirm-email-form.tsx b/services/web/frontend/js/features/settings/components/emails/confirm-email-form.tsx index 2f9e8061f6..5f51195551 100644 --- a/services/web/frontend/js/features/settings/components/emails/confirm-email-form.tsx +++ b/services/web/frontend/js/features/settings/components/emails/confirm-email-form.tsx @@ -207,6 +207,15 @@ export function ConfirmEmailForm({ const NotificationComponent = isCiam ? DSNotification : Notification + const outerErrorEl = (feedback?.type === 'alert' || outerErrorDisplay) && ( + } + /> + ) + return (
- {(feedback?.type === 'alert' || outerErrorDisplay) && ( - - } - /> - )} + {!isCiam && outerErrorEl} + {isCiam && outerErrorEl} + {isCiam && <p>{longLabel}</p>} {isCiam ? ( diff --git a/services/web/frontend/js/shared/components/ciam-stepper.tsx b/services/web/frontend/js/shared/components/ciam-stepper.tsx index 950de10c55..55ee553dc9 100644 --- a/services/web/frontend/js/shared/components/ciam-stepper.tsx +++ b/services/web/frontend/js/shared/components/ciam-stepper.tsx @@ -17,7 +17,6 @@ export function CiamStepper({ aria-label={t('progress_bar_percentage')} aria-valuenow={active + 1} aria-valuemax={steps} - tabIndex={0} > {Array.from({ length: steps }).map((_, i) => ( <div diff --git a/services/web/frontend/js/shared/components/ds/ds-form-text.tsx b/services/web/frontend/js/shared/components/ds/ds-form-text.tsx index ac77e51387..37674a4a4e 100644 --- a/services/web/frontend/js/shared/components/ds/ds-form-text.tsx +++ b/services/web/frontend/js/shared/components/ds/ds-form-text.tsx @@ -50,7 +50,7 @@ function DSFormText({ > <span className="form-text-inner-ds"> <FormTextIcon type={type} /> - {children} + <span>{children}</span> </span> </Form.Text> ) diff --git a/services/web/frontend/js/shared/components/form/form-text.tsx b/services/web/frontend/js/shared/components/form/form-text.tsx index 1c7cbd2393..8380b879e7 100644 --- a/services/web/frontend/js/shared/components/form/form-text.tsx +++ b/services/web/frontend/js/shared/components/form/form-text.tsx @@ -51,7 +51,7 @@ function FormText({ > <span className="form-text-inner"> <FormTextIcon type={type} /> - {children} + <span>{children}</span> </span> </Form.Text> ) diff --git a/services/web/frontend/stylesheets/ciam/ciam-password-reset.scss b/services/web/frontend/stylesheets/ciam/ciam-password-reset.scss index d51835d370..7e75f6c2fa 100644 --- a/services/web/frontend/stylesheets/ciam/ciam-password-reset.scss +++ b/services/web/frontend/stylesheets/ciam/ciam-password-reset.scss @@ -16,8 +16,8 @@ color: var(--ds-color-text-secondary); } - .form-group-ds { - margin-bottom: var(--ds-spacing-400); + &.ciam-password-set .form-group-ds { + margin-bottom: var(--ds-spacing-200); } .actions { diff --git a/services/web/frontend/stylesheets/ds/components/form-control.scss b/services/web/frontend/stylesheets/ds/components/form-control.scss index 6b0cc13f73..a605133f84 100644 --- a/services/web/frontend/stylesheets/ds/components/form-control.scss +++ b/services/web/frontend/stylesheets/ds/components/form-control.scss @@ -113,6 +113,7 @@ input.form-control.form-control-ds { } .ciam-form-text-icon { + display: block; font-size: math.div(20em, 14); } }