diff --git a/feature-libs/user/profile/styles/_register.scss b/feature-libs/user/profile/styles/_register.scss index 95689c38f21..a5095be4c86 100644 --- a/feature-libs/user/profile/styles/_register.scss +++ b/feature-libs/user/profile/styles/_register.scss @@ -12,5 +12,19 @@ color: var(--cx-color-secondary); margin-bottom: 0; } + + .form-group, + .form-check { + scroll-margin-bottom: $cx-anonymous-consent-banner-height; + } + + input, + ng-select, + button[type='submit'], + .cx-login-link { + &:focus { + scroll-margin-bottom: $cx-anonymous-consent-banner-height; + } + } } } diff --git a/projects/storefrontstyles/scss/components/myaccount/anonymous-consent/_anonymous-consent-management-banner.scss b/projects/storefrontstyles/scss/components/myaccount/anonymous-consent/_anonymous-consent-management-banner.scss index f4ebf508c0a..b2f997cefd0 100644 --- a/projects/storefrontstyles/scss/components/myaccount/anonymous-consent/_anonymous-consent-management-banner.scss +++ b/projects/storefrontstyles/scss/components/myaccount/anonymous-consent/_anonymous-consent-management-banner.scss @@ -52,6 +52,13 @@ } &:has(.anonymous-consent-banner) ~ cx-scroll-to-top { - bottom: 180px; + bottom: $cx-anonymous-consent-banner-height; } } + +html:has( + cx-anonymous-consent-management-banner + .anonymous-consent-banner:not(.anonymous-consent-banner-hidden) + ) { + scroll-padding-bottom: $cx-anonymous-consent-banner-height; +} diff --git a/projects/storefrontstyles/scss/cxbase/_variables.scss b/projects/storefrontstyles/scss/cxbase/_variables.scss index 5886943040e..dee09e96fb9 100644 --- a/projects/storefrontstyles/scss/cxbase/_variables.scss +++ b/projects/storefrontstyles/scss/cxbase/_variables.scss @@ -47,3 +47,4 @@ $type: map-merge( ); $header-height: 67px !default; +$cx-anonymous-consent-banner-height: 11.25rem !default; // ~180px