WebDev/mind-overflow-website-ghost-theme
1
0
Fork 0
Code Issues 2 Pull Requests Releases Wiki Activity

Made navbar responsive & policy popup faster

Browse Source
This commit is contained in:
Bea 2020-11-05 21:19:43 +01:00
parent fe27137016
commit ae728ffd9e
2 changed files with 25 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
assets/css/screen.css
View File

@ -168,6 +168,9 @@ ul {
.nav {
width: 100%;
padding: 0;
overflow: auto;
white-space: nowrap;
}
.mind-global-navbar_primary {
@ -320,11 +323,11 @@ nav.mind-site-footer_nav {
/* TODO: choose if background should be colorful or black */
.mind-post-header, footer.mind-site-footer_main {
/*background: linear-gradient(45deg, #067062, #063d70, #2d0670, #4e0670, #700667);*/
background: rgb(10, 10, 10);
/*background: linear-gradient(45deg, #067062, #063d70, #2d0670, #4e0670, #700667);
background-size: 1000%, 100%;
animation: gradient 7s linear infinite;
animation-direction: alternate-reverse;
animation-direction: alternate-reverse;*/
background: rgb(10, 10, 10);
color: white;
}
@ -361,6 +364,7 @@ Used to style the index/homepage.
align-items: center;
justify-content: center;
text-align: center;
/*background: black;*/
background: linear-gradient(45deg, #067062, #063d70, #2d0670, #4e0670, #700667);
background-size: 1000%, 100%;
animation: gradient 7s linear infinite;
@ -1146,13 +1150,28 @@ div.mind-policy-popup {
@media only screen and (max-width: 650px) {
ul {
padding: 0;
margin: 10px 0 10px auto;
transition: .5s;
}
.mind-global-navbar_primary li {
font-size: 20px;
}
.mind-feed-content_main {
grid-template-columns: 1fr;
}
.mind-global-navbar_primary img {
margin-left: -35px;
width: 25px;
height: 25px;
}
.mind-global-navbar_primary-colored ul {
width: calc(100vw - 40px);
}
.mind-policy-popup {
width: 90vw;
}

4
assets/js/policy-popup.js
View File

@ -1,13 +1,13 @@
function openPolicyPopup() {
if(getCookie("consentGiven") === "true") return;
$("#mind-policy-popup").fadeIn(1000); // Enable the div
$("#mind-policy-popup").fadeIn(300); // Enable the div
}
function agreePolicyPopup() {
const _paq = window._paq || [];
_paq.push(['rememberConsentGiven', 43800]);
$("#mind-policy-popup").fadeOut(1000); // Disable the div
$("#mind-policy-popup").fadeOut(300); // Disable the div
setCookie("consentGiven", "true", 1825) // todo: check if already present? also, firefox was throwing a warning...
}