From 64ff18b9cd7c0ed5ace170beba4bf0737e95fc00 Mon Sep 17 00:00:00 2001 From: Massimo Maggioni <94243057+MassimoMaggioni@users.noreply.github.com> Date: Sat, 19 Feb 2022 15:43:05 +0100 Subject: [PATCH] fix banner color on chrome --- layouts/partials/gdpr/banner.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/layouts/partials/gdpr/banner.html b/layouts/partials/gdpr/banner.html index ee0f96b..ed7d0e4 100644 --- a/layouts/partials/gdpr/banner.html +++ b/layouts/partials/gdpr/banner.html @@ -24,21 +24,21 @@ #consent-notice button {cursor: pointer; display: inline-block; width: auto;} #consent-notice span a {color: inherit; text-decoration: underline; text-decoration-color: rgba(255,255,255,0.5);} #consent-notice button.btn {margin-left: 0.5rem;} - #consent-notice button.btn.manage-consent {background: rgba(255,255,255,1); font-weight: normal;} - #consent-notice button.btn.deny-consent {background: rgba(255,255,255,1); font-weight: normal;} - #consent-notice button.btn.approve-consent {background: rgba(255,255,255,1); font-weight: normal;} + #consent-notice button.btn.manage-consent {color: black; background: rgba(255,255,255,1); font-weight: normal;} + #consent-notice button.btn.deny-consent {color: black; background: rgba(255,255,255,1); font-weight: normal;} + #consent-notice button.btn.approve-consent {color: black; background: rgba(255,255,255,1); font-weight: normal;} #consent-overlay {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: none; background: rgba(0,0,0,0.75); z-index: 999999; overflow: auto; cursor: pointer;} #consent-overlay.active {display: flex;} - #consent-overlay > div {background: white; width: 100%; max-width: 30rem; padding: 1.75rem; margin: auto; cursor: initial;} + #consent-overlay > div {color: black; background: white; width: 100%; max-width: 30rem; padding: 1.75rem; margin: auto; cursor: initial;} #consent-overlay > div > div {display: flex; align-items: flex-start; margin-bottom: 1rem;} #consent-overlay > div > div:last-child {margin: 0;} #consent-overlay h3 {padding-top: 0;} #consent-overlay input {margin-top: 0.3rem;} #consent-overlay label {display: block;} #consent-overlay .btn {margin-right: 0.5rem;} - #consent-overlay button.btn.save-consent {background: rgba(255,255,255,0.6); font-weight: normal;} - #consent-overlay button.btn.approve-consent {background: rgba(255,255,255,1); font-weight: normal;} + #consent-overlay button.btn.save-consent {color: black; background: rgba(255,255,255,0.6); font-weight: normal;} + #consent-overlay button.btn.approve-consent {color: black; background: rgba(255,255,255,1); font-weight: normal;} @media (max-width: 767px) { #consent-overlay > div {padding: 1.75rem 1rem;}