Update cookie notice
Adjust wording, remove unnecessary (and buggy) animations, and make more prominent
This commit is contained in:
33
src/App.js
33
src/App.js
@@ -191,29 +191,6 @@ class App extends React.Component {
|
|||||||
iterations: 1,
|
iterations: 1,
|
||||||
fill: "forwards",
|
fill: "forwards",
|
||||||
});
|
});
|
||||||
this.root.animate({
|
|
||||||
marginBottom: ["0px", `${this.cookieNoticeHeight}px`],
|
|
||||||
}, {
|
|
||||||
duration: 1000,
|
|
||||||
easing: "ease-in-out",
|
|
||||||
iterations: 1,
|
|
||||||
fill: "forwards",
|
|
||||||
});
|
|
||||||
window.addEventListener('resize', this.updateCookieNoticeMargins);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
updateCookieNoticeMargins = () => {
|
|
||||||
if (this.cookieNoticeHeight !== this.cookieNotice.offsetHeight) {
|
|
||||||
this.cookieNoticeHeight = this.cookieNotice.offsetHeight;
|
|
||||||
this.root.animate({
|
|
||||||
marginBottom: [`${this.root.marginBottom}px`, `${this.cookieNoticeHeight}px`],
|
|
||||||
}, {
|
|
||||||
duration: 500,
|
|
||||||
easing: "ease-in-out",
|
|
||||||
iterations: 1,
|
|
||||||
fill: "forwards",
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -261,14 +238,6 @@ class App extends React.Component {
|
|||||||
iterations: 1,
|
iterations: 1,
|
||||||
fill: "forwards",
|
fill: "forwards",
|
||||||
});
|
});
|
||||||
this.root.animate({
|
|
||||||
marginBottom: [`${this.cookieNoticeHeight}px`, "0px"],
|
|
||||||
}, {
|
|
||||||
duration: 1000,
|
|
||||||
easing: "ease-in-out",
|
|
||||||
iterations: 1,
|
|
||||||
fill: "forwards",
|
|
||||||
});
|
|
||||||
setTimeout(() => this.cookieNotice.style.display = "none", 1000);
|
setTimeout(() => this.cookieNotice.style.display = "none", 1000);
|
||||||
this.cookies.set("parandum-cookies-accepted", "true", {
|
this.cookies.set("parandum-cookies-accepted", "true", {
|
||||||
maxAge: 31556952,
|
maxAge: 31556952,
|
||||||
@@ -367,7 +336,7 @@ class App extends React.Component {
|
|||||||
}
|
}
|
||||||
<div className="cookie-notice" id="cookie-notice">
|
<div className="cookie-notice" id="cookie-notice">
|
||||||
<div>
|
<div>
|
||||||
<p>Just so you know, we use cookies. Read our privacy policy <Link to="/privacy">here</Link>.</p>
|
<p>Just so you know, we use cookies. By using this site you consent to this. Read our privacy policy <Link to="/privacy">here</Link>.</p>
|
||||||
<p></p>
|
<p></p>
|
||||||
</div>
|
</div>
|
||||||
<Button
|
<Button
|
||||||
|
|||||||
@@ -332,6 +332,9 @@ label .MuiIconButton-label > input {
|
|||||||
padding: 16px 24px;
|
padding: 16px 24px;
|
||||||
background-color: var(--primary-color-dark);
|
background-color: var(--primary-color-dark);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
height: 300px;
|
||||||
|
max-height: 80vh;
|
||||||
|
font-size: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cookie-notice > div > p {
|
.cookie-notice > div > p {
|
||||||
|
|||||||
Reference in New Issue
Block a user