From 18882d6c72cd6d247ceca83d0b9545b33a084ab7 Mon Sep 17 00:00:00 2001 From: Tim Friedrich Weber Date: Tue, 16 Dec 2025 10:53:07 +0100 Subject: [PATCH] Rollback to CMP --- overrides/assets/css/modules/consent.scss | 102 ++++++++++++++++++++++ overrides/main.html | 4 +- 2 files changed, 104 insertions(+), 2 deletions(-) diff --git a/overrides/assets/css/modules/consent.scss b/overrides/assets/css/modules/consent.scss index e69de29..9401547 100644 --- a/overrides/assets/css/modules/consent.scss +++ b/overrides/assets/css/modules/consent.scss @@ -0,0 +1,102 @@ +/* + * Cookie Consent Styling + * Position the cookie consent container in the center of the viewport + */ + +.satag--cookie-consent-container { + position: fixed !important; + top: 50% !important; + left: 50% !important; + z-index: 9999 !important; /* Ensure it appears above other content */ + width: auto !important; + height: auto !important; +} + +/* + * Direct targeting of Usercentrics elements + * These selectors target various elements that Usercentrics might create + */ +#usercentrics-root, +[class*="usercentrics"], +[id*="usercentrics"], +.uc-banner-content, +.uc-container, +[class*="banner"], +[class*="consent"], +[class*="cookie"] { + top: 50% !important; + left: 50% !important; + bottom: auto !important; + position: fixed !important; + z-index: 9999 !important; +} + +/* Specific targeting for the center container */ +#uc-center-container { + position: fixed !important; + top: 50% !important; + left: 50% !important; + margin: 0 auto !important; + text-align: left !important; +} + +[id*="center-container"]:not(#uc-center-container), +[class*="center-container"] { + top: 50% !important; + left: 50% !important; + position: fixed !important; +} + +/* + * Special styling for landscape mode on smaller height screens + * This targets the Usercentrics container element + */ +@media (max-height: 768px) and (orientation: landscape) { + .gtPQAC, + [class*="usercentrics"], + [id*="usercentrics"], + .uc-banner-content, + .uc-container, + #uc-center-container { + border-bottom: 0 !important; + max-height: 100vh !important; + max-width: 625px !important; + top: 50% !important; + left: 50% !important; + position: fixed !important; + } +} + +/* + * Usercentrics Privacy Button - HIGHEST PRIORITY + * Must stay fixed at bottom-left on ALL pages, especially home page + * This rule MUST come FIRST to ensure proper specificity + */ +html body iframe#usercentrics-cmp-ui, +html body.home iframe#usercentrics-cmp-ui, +html body iframe[id^="usercentrics"][id*="button"], +html body.home iframe[id^="usercentrics"][id*="button"], +body iframe#usercentrics-cmp-ui, +body.home iframe#usercentrics-cmp-ui, +body iframe[id^="usercentrics"][id*="button"], +body.home iframe[id^="usercentrics"][id*="button"] { + position: fixed !important; + bottom: 50px !important; + left: 24px !important; + top: auto !important; + right: auto !important; + transform: none !important; + margin: 0 !important; + z-index: 9999 !important; +} + +/* Additional styling to ensure the cookie consent banner is centered */ +/* Exclude Privacy Button using :not() selector */ +body iframe[id^="usercentrics-"]:not(#usercentrics-cmp-ui):not([id*="button"]), +body [class*="usercentrics"]:not(iframe), +body [id*="usercentrics"]:not(iframe):not(#usercentrics-cmp-ui) { + top: 50% !important; + left: 50% !important; + bottom: auto !important; + position: fixed !important; +} diff --git a/overrides/main.html b/overrides/main.html index 2e99f37..8f9b455 100644 --- a/overrides/main.html +++ b/overrides/main.html @@ -22,9 +22,9 @@ - + - + {% endblock %}