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>
|
<head>
|
||||||
<Script
|
<Script
|
||||||
data-cookieconsent="ignore"
|
data-cookieconsent="ignore"
|
||||||
src="https://www.scandichotels.com/Static/dist/js/cookie-bot.js?1705409331007"
|
src="/Static/dist/js/cookie-bot.js?1705409331007"
|
||||||
/>
|
/>
|
||||||
<Script
|
<Script
|
||||||
data-blockingmode="auto"
|
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