From 36a0e9f1497a68e5e7f62f89a42c11e33cc14b58 Mon Sep 17 00:00:00 2001 From: Norbert Papp Date: Tue, 7 Apr 2026 17:31:23 +0200 Subject: [PATCH 1/4] fix: adjust scroll margins for anonymous consent management banner and form elements of the register page --- feature-libs/user/profile/styles/_register.scss | 14 ++++++++++++++ .../_anonymous-consent-management-banner.scss | 7 ++++++- .../storefrontstyles/scss/cxbase/_variables.scss | 1 + 3 files changed, 21 insertions(+), 1 deletion(-) 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..3cf48054975 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,11 @@ } &: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 From 09c7bd7671280b08bf9016c83a82fcc88729f842 Mon Sep 17 00:00:00 2001 From: Norbert Papp Date: Wed, 8 Apr 2026 10:47:43 +0200 Subject: [PATCH 2/4] fix: adjust scroll-padding for anonymous consent management banner visibility --- .../_anonymous-consent-management-banner.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) 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 3cf48054975..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 @@ -56,7 +56,9 @@ } } -html:has(cx-anonymous-consent-management-banner .anonymous-consent-banner:not(.anonymous-consent-banner-hidden)) { +html:has( + cx-anonymous-consent-management-banner + .anonymous-consent-banner:not(.anonymous-consent-banner-hidden) + ) { scroll-padding-bottom: $cx-anonymous-consent-banner-height; } - From 7ca7dcd894e7fcdcdf4c83f790ddde5acdf32728 Mon Sep 17 00:00:00 2001 From: Norbert Papp Date: Thu, 23 Apr 2026 10:51:20 +0200 Subject: [PATCH 3/4] fix: update scroll-padding and scroll-margin to use anonymous consent banner offset --- feature-libs/user/profile/styles/_register.scss | 4 ++-- .../_anonymous-consent-management-banner.scss | 4 ++-- projects/storefrontstyles/scss/cxbase/_variables.scss | 2 +- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/feature-libs/user/profile/styles/_register.scss b/feature-libs/user/profile/styles/_register.scss index a5095be4c86..f20c990a48a 100644 --- a/feature-libs/user/profile/styles/_register.scss +++ b/feature-libs/user/profile/styles/_register.scss @@ -15,7 +15,7 @@ .form-group, .form-check { - scroll-margin-bottom: $cx-anonymous-consent-banner-height; + scroll-margin-bottom: $cx-anonymous-consent-banner-offset; } input, @@ -23,7 +23,7 @@ button[type='submit'], .cx-login-link { &:focus { - scroll-margin-bottom: $cx-anonymous-consent-banner-height; + scroll-margin-bottom: $cx-anonymous-consent-banner-offset; } } } 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 b2f997cefd0..3fb1efaef79 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,7 +52,7 @@ } &:has(.anonymous-consent-banner) ~ cx-scroll-to-top { - bottom: $cx-anonymous-consent-banner-height; + bottom: $cx-anonymous-consent-banner-offset; } } @@ -60,5 +60,5 @@ html:has( cx-anonymous-consent-management-banner .anonymous-consent-banner:not(.anonymous-consent-banner-hidden) ) { - scroll-padding-bottom: $cx-anonymous-consent-banner-height; + scroll-padding-bottom: $cx-anonymous-consent-banner-offset; } diff --git a/projects/storefrontstyles/scss/cxbase/_variables.scss b/projects/storefrontstyles/scss/cxbase/_variables.scss index dee09e96fb9..413dc5c6cef 100644 --- a/projects/storefrontstyles/scss/cxbase/_variables.scss +++ b/projects/storefrontstyles/scss/cxbase/_variables.scss @@ -47,4 +47,4 @@ $type: map-merge( ); $header-height: 67px !default; -$cx-anonymous-consent-banner-height: 11.25rem !default; // ~180px +$cx-anonymous-consent-banner-offset: 11.25rem !default; // ~180px From 85f88c1e1b8ef801e1b1a86306319d474af67b10 Mon Sep 17 00:00:00 2001 From: Norbert Papp Date: Thu, 23 Apr 2026 10:53:32 +0200 Subject: [PATCH 4/4] fix: include select and textarea in styling for registration form elements --- feature-libs/user/profile/styles/_register.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/feature-libs/user/profile/styles/_register.scss b/feature-libs/user/profile/styles/_register.scss index f20c990a48a..4d88ed4e69d 100644 --- a/feature-libs/user/profile/styles/_register.scss +++ b/feature-libs/user/profile/styles/_register.scss @@ -19,6 +19,8 @@ } input, + select, + textarea, ng-select, button[type='submit'], .cx-login-link {