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,
|
||||
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,
|
||||
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);
|
||||
this.cookies.set("parandum-cookies-accepted", "true", {
|
||||
maxAge: 31556952,
|
||||
@@ -367,7 +336,7 @@ class App extends React.Component {
|
||||
}
|
||||
<div className="cookie-notice" id="cookie-notice">
|
||||
<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>
|
||||
</div>
|
||||
<Button
|
||||
|
||||
Reference in New Issue
Block a user