me/parandum
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix container bottom margin setting on load

Browse Source 
Ensure page container bottom margin is set correctly when cookie notice appears
This commit is contained in:
Matthew Grove
2021-09-01 21:00:38 +01:00
parent 45a357fff6
commit fccea836d3
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/App.js
View File

@@ -106,10 +106,11 @@ class App extends React.Component {
this.cookies = new Cookies(); this.cookies = new Cookies();
this.cookieNotice = document.getElementById("cookie-notice"); this.cookieNotice = document.getElementById("cookie-notice");
this.root = document.getElementById("root"); this.root = document.getElementById("root");
this.cookieNoticeHeight = this.cookieNotice.offsetHeight; this.cookieNoticeHeight = 0;
if (this.cookies.get("parandum-cookies-accepted") !== "true") { if (this.cookies.get("parandum-cookies-accepted") !== "true") {
this.cookieNotice.style.display = "flex"; this.cookieNotice.style.display = "flex";
this.cookieNoticeHeight = this.cookieNotice.offsetHeight;
this.cookieNotice.animate({ this.cookieNotice.animate({
bottom: [`-${this.cookieNoticeHeight}px`, "0px"], bottom: [`-${this.cookieNoticeHeight}px`, "0px"],
}, { }, {