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

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

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