From ae728ffd9e0245c232bc3bb872010d10559ed179 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenzo=20Dellac=C3=A0?= <lorenzo.dellaca@mind-overflow.net>
Date: Thu, 5 Nov 2020 21:19:43 +0100
Subject: [PATCH] Made navbar responsive & policy popup faster

---
 assets/css/screen.css     | 27 +++++++++++++++++++++++----
 assets/js/policy-popup.js |  4 ++--
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/assets/css/screen.css b/assets/css/screen.css
index 173aee1..f1af456 100755
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -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;
     }
diff --git a/assets/js/policy-popup.js b/assets/js/policy-popup.js
index 3fd7014..82a1ab2 100755
--- a/assets/js/policy-popup.js
+++ b/assets/js/policy-popup.js
@@ -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...
 }