From 714a04eee683b8ba2db5430a397fa81fc95b03d6 Mon Sep 17 00:00:00 2001 From: d2eight Date: Wed, 5 Nov 2025 16:02:43 +0200 Subject: [PATCH 1/2] cookie and footer changes --- _includes/cookie-consent.html | 65 ++++++++++++++++++---------------- _includes/footer.html | 11 ++++-- _sass/_base.sass | 14 ++++++++ images/crozdesk-1.webp | Bin 0 -> 3310 bytes images/crozdesk-2.webp | Bin 0 -> 3370 bytes images/supplier-retail.webp | Bin 0 -> 1596 bytes 6 files changed, 57 insertions(+), 33 deletions(-) create mode 100644 images/crozdesk-1.webp create mode 100644 images/crozdesk-2.webp create mode 100644 images/supplier-retail.webp diff --git a/_includes/cookie-consent.html b/_includes/cookie-consent.html index 7f7f1f91f9..7c2a9de525 100644 --- a/_includes/cookie-consent.html +++ b/_includes/cookie-consent.html @@ -13,41 +13,46 @@ color: rgba(255, 255, 255, 1); } - #cookie-notice-text { + .buttons-block { display: flex; - flex-direction: column; - justify-content: center; - width: 65%; + gap: 16px; } - #cookie-notice-close { - position: absolute; - top: 1.5rem; - right: 1.5rem; - color: #fff; + .buttons-block button { + font-size: 16px; + font-weight: 500; + line-height: 28px; + border-radius: 4px; + height: 40px; + width: 140px; + color: #FFF; } - #cookie-notice-close i { - font-size: 20px; + .buttons-block button:hover { + opacity: 0.8; } - #cookie-notice-text span { - font-size: 14px; + .buttons-block button#cookie-notice-accept { + background: #2A7DEC; } - #cookie-notice-text label { - font-size: 20px; + .buttons-block button#cookie-notice-close { + background: rgba(255, 255, 255, 0.05); } - #cookie-notice #cookie-notice-accept { + #cookie-notice-text { display: flex; - text-align: center; + flex-direction: column; justify-content: center; - cursor: pointer; - margin-left: 3.5rem; - height: 40px; - font-size: 18px; - width: 140px; + width: 65%; + } + + #cookie-notice-text span { + font-size: 14px; + } + + #cookie-notice-text label { + font-size: 20px; } @media (max-width: 767px) { @@ -56,13 +61,11 @@ padding: 1.3rem 1.1rem; } - #cookie-notice-text { - width: 100%; + .buttons-block { + margin-top: 40px; } - #cookie-notice #cookie-notice-accept { - margin-top: 1.3rem; - margin-left: 0; + #cookie-notice-text { width: 100%; } } @@ -74,10 +77,10 @@ href="/cookie-policy/" target="_blank">cookie policy. - - +
+ + +
- +