feat(WEB-49): add scripts locally for Cookiebot as we need to manipulate css file import in file
This commit is contained in:
Simon Emanuelsson
@@ -23,7 +23,7 @@ export default function RootLayout({
|
||||
<head>
|
||||
<Script
|
||||
data-cookieconsent="ignore"
|
||||
src="https://www.scandichotels.com/Static/dist/js/cookie-bot.js?1705409331007"
|
||||
src="/Static/dist/js/cookie-bot.js?1705409331007"
|
||||
/>
|
||||
<Script
|
||||
data-blockingmode="auto"
|
||||
|
||||
213
public/Static/dist/css/cookie-bot.css?1705919727669
vendored
Normal file
213
public/Static/dist/css/cookie-bot.css?1705919727669
vendored
Normal file
@@ -0,0 +1,213 @@
|
||||
#CybotCookiebotDialog * {
|
||||
font-family: Helvetica, Arial, sans-serif !important
|
||||
}
|
||||
|
||||
#CybotCookiebotDialog,
|
||||
#CybotCookiebotDialog * {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
#CybotCookiebotDialog {
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
-webkit-box-shadow: 0 0 transparent;
|
||||
box-shadow: 0 0 transparent;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%) !important;
|
||||
transform: translate(-50%, -50%) !important;
|
||||
margin: 0 !important;
|
||||
padding: 15px;
|
||||
max-height: 90%;
|
||||
-webkit-transform-origin: unset !important;
|
||||
transform-origin: unset !important;
|
||||
overflow-y: auto
|
||||
}
|
||||
|
||||
#CybotCookiebotDialog div,
|
||||
#CybotCookiebotDialog h2 {
|
||||
color: #333
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogBodyContent {
|
||||
padding: 0 !important
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogBodyContentTitle {
|
||||
font-size: 1.375rem;
|
||||
font-family: BrandonText-Black, Arial, Helvetica, sans-serif !important
|
||||
}
|
||||
|
||||
div#CybotCookiebotDialogBodyContentText {
|
||||
font-size: 1rem;
|
||||
line-height: 1.4rem;
|
||||
margin: 15px 0
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogDetailBody {
|
||||
max-width: 100%;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogDetailBodyContent {
|
||||
height: 160px
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogDetailBodyContentTextOverview {
|
||||
max-width: 100%
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails {
|
||||
height: 155px;
|
||||
max-height: 155px
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogBodyLevelButtonsSelectPane {
|
||||
border: none;
|
||||
padding: 0 0 30px
|
||||
}
|
||||
|
||||
.CybotCookiebotDialogBodyLevelButtonWrapper {
|
||||
margin: 20px 0 0 !important;
|
||||
padding-right: 25px
|
||||
}
|
||||
|
||||
.CybotCookiebotDialogBodyLevelButtonWrapper label {
|
||||
font-size: 13px !important;
|
||||
padding-left: 20px !important;
|
||||
background: url(/Static/img/icons/shared/checkbox_unselected.svg) no-repeat left 0 !important
|
||||
}
|
||||
|
||||
input[type=checkbox].CybotCookiebotDialogBodyLevelButton:checked+label {
|
||||
background: url(/Static/img/icons/shared/checkbox_selected.svg) no-repeat left 0 !important
|
||||
}
|
||||
|
||||
input[type=checkbox].CybotCookiebotDialogBodyLevelButton.CybotCookiebotDialogBodyLevelButtonDisabled+label {
|
||||
background: url(/Static/img/icons/shared/checkbox_disabled.svg) no-repeat left 0 !important
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogBodyLevelWrapper {
|
||||
display: -ms-flexbox !important;
|
||||
display: flex !important;
|
||||
-ms-flex-direction: column-reverse;
|
||||
flex-direction: column-reverse;
|
||||
text-align: left;
|
||||
padding: 0 0 5px
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogBodyLevelWrapper>div {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogBodyLevelButtons {
|
||||
margin: 0 0 20px !important
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogBodyLevelButtonsTable {
|
||||
width: auto !important;
|
||||
margin: 0 !important
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogBodyLevelDetailsWrapper {
|
||||
background: none;
|
||||
border: 0;
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
padding: 0 20px 0 0;
|
||||
height: auto
|
||||
}
|
||||
|
||||
a#CybotCookiebotDialogBodyLevelDetailsButton {
|
||||
background: none !important;
|
||||
outline: 0 none;
|
||||
padding: 0 10px 0 0;
|
||||
color: #00838e;
|
||||
font-size: 1rem;
|
||||
line-height: 1.4rem;
|
||||
height: auto
|
||||
}
|
||||
|
||||
a#CybotCookiebotDialogBodyLevelDetailsButton:focus,
|
||||
a#CybotCookiebotDialogBodyLevelDetailsButton:hover {
|
||||
text-decoration: none;
|
||||
color: #00838e
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogBodyLevelDetailsWrapper:after {
|
||||
margin-top: -7px;
|
||||
background-position: 50%;
|
||||
height: 14px
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogBodyLevelDetailsWrapper.active:after {
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg)
|
||||
}
|
||||
|
||||
a.CybotCookiebotDialogBodyButton {
|
||||
width: auto !important;
|
||||
padding: 5px 15px !important;
|
||||
border-radius: 25px;
|
||||
height: auto !important;
|
||||
font-weight: 400 !important;
|
||||
font-size: 1rem !important;
|
||||
margin: 0 !important;
|
||||
border: 0 !important;
|
||||
line-height: 1.375rem !important
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogBodyUnderlay {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
opacity: .4 !important
|
||||
}
|
||||
|
||||
@media(max-width: 739px) {
|
||||
#CybotCookiebotDialog {
|
||||
width: 90% !important
|
||||
}
|
||||
|
||||
a.CybotCookiebotDialogBodyButton {
|
||||
width: 100% !important
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: 740px) {
|
||||
#CybotCookiebotDialogBody {
|
||||
padding: 15px;
|
||||
min-width: 560px
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogBodyContentTitle {
|
||||
font-size: 1.625rem
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogBodyLevelDetailsButton {
|
||||
font-size: 1rem
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogBodyLevelWrapper {
|
||||
-ms-flex-direction: row-reverse;
|
||||
flex-direction: row-reverse;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
#CybotCookiebotDialogBodyLevelButtons {
|
||||
margin: 0 !important
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: 940px) {
|
||||
#CybotCookiebotDialog {
|
||||
max-width: 810px;
|
||||
width: 810px !important
|
||||
}
|
||||
}
|
||||
82
public/Static/dist/js/cookie-bot.js?1705409331007
vendored
Normal file
82
public/Static/dist/js/cookie-bot.js?1705409331007
vendored
Normal file
@@ -0,0 +1,82 @@
|
||||
window.addEventListener("CookiebotOnDialogDisplay", (function() {
|
||||
document.querySelector("head").insertAdjacentHTML("beforeend", "<link type='text/css' href='/Static/dist/css/cookie-bot.css?1705919727669' rel='stylesheet' />");
|
||||
var e = function(e) {
|
||||
i = !!(e = !!e) || i;
|
||||
var t = document.querySelector("#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection")
|
||||
, o = document.querySelector("#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll");
|
||||
t.style.display = "none" != t.style.display || e ? "none" : "block",
|
||||
o.style.display = "none" == o.style.display || e ? "block" : "none"
|
||||
};
|
||||
document.querySelector("#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection").style.display = "none",
|
||||
document.querySelector("#CybotCookiebotDialogBodyLevelDetailsWrapper").setAttribute("class", "custom-select");
|
||||
var t = document.querySelector("#CybotCookiebotDialogBody")
|
||||
, o = document.querySelector("#CybotCookiebotDialogBodyLevelWrapper");
|
||||
t.insertBefore(document.querySelector("#CybotCookiebotDialogDetail"), o);
|
||||
var n = document.querySelector("#CybotCookiebotDialogBodyLevelButtonsSelectPane");
|
||||
t.insertBefore(n, o),
|
||||
n.style.display = "none",
|
||||
window.innerWidth > 740 && window.dispatchEvent(new Event("resize")),
|
||||
document.querySelector("#CybotCookiebotDialogBodyLevelDetailsWrapper").addEventListener("click", (function() {
|
||||
n.style.display = "none" == n.style.display ? "block" : "none";
|
||||
var t = document.querySelector("#CybotCookiebotDialogBodyLevelDetailsWrapper").classList;
|
||||
if (t.contains("active"))
|
||||
t.remove("active"),
|
||||
document.querySelector("#CybotCookiebotDialog").classList.remove("expanded"),
|
||||
e(!0);
|
||||
else {
|
||||
t.add("active"),
|
||||
document.querySelector("#CybotCookiebotDialog").classList.add("expanded"),
|
||||
a();
|
||||
var o = document.querySelectorAll(".CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer");
|
||||
if ("none" != o[0].parentElement.style.display)
|
||||
for (var i = o[0].querySelector("table").clientWidth, l = 0; l < o.length; l++)
|
||||
o[l].previousElementSibling.style.minWidth = i + "px",
|
||||
o[l].style.minWidth = i + "px"
|
||||
}
|
||||
}
|
||||
));
|
||||
for (var i = !0, l = document.querySelectorAll("#CybotCookiebotDialogBodyLevelButtonsSelectPane input[type=checkbox]"), a = function() {
|
||||
for (var t = !0, o = 0; o < l.length; o++)
|
||||
l[o].checked || (t = !1);
|
||||
i != t && (i = t,
|
||||
e())
|
||||
}, r = 0; r < l.length; r++)
|
||||
l[r].addEventListener("change", a)
|
||||
}
|
||||
)),
|
||||
window.addEventListener("load", (function() {
|
||||
var e = document.querySelector("#CookieDeclarationChangeConsent > a")
|
||||
, t = document.querySelector("#CookieDeclarationChangeConsent > span > a");
|
||||
if (e)
|
||||
switch (document.documentElement.lang) {
|
||||
default:
|
||||
e.text = "Change your consent",
|
||||
t.text = "Withdraw your consent";
|
||||
break;
|
||||
case "sv":
|
||||
e.text = "Ändra mitt samtycke",
|
||||
t.text = "Ångra mitt samtycke";
|
||||
break;
|
||||
case "no":
|
||||
e.text = "Trække dit samtykke tilbage",
|
||||
t.text = "Trekk tilbake ditt samtykke";
|
||||
break;
|
||||
case "da":
|
||||
e.text = "Ændre dit samtykke",
|
||||
t.text = "Trække dit samtykke tilbage";
|
||||
break;
|
||||
case "de":
|
||||
e.text = "Ihre Einwilligung ändern",
|
||||
t.text = "Ihre Einwilligung zurückziehen";
|
||||
break;
|
||||
case "fi":
|
||||
e.text = "Muuta hyväksyntäsi",
|
||||
t.text = "Peru hyväksyntäsi"
|
||||
}
|
||||
}
|
||||
)),
|
||||
window.addEventListener("CookiebotOnAccept", (function(e) {
|
||||
window.Cookiebot.changed && adobe && (window.Cookiebot.consent.statistics ? adobe.optIn.approve(adobe.OptInCategories.ANALYTICS, !0) : adobe.optIn.deny(adobe.OptInCategories.ANALYTICS, !0),
|
||||
adobe.optIn.complete())
|
||||
}
|
||||
));
|
||||
Reference in New Issue
Block a user