From 7b1f33bcbf4f7e4ef912a257a120d8557d4e91dd Mon Sep 17 00:00:00 2001 From: Chinnawat Wipawapat <2522806+chinkung@users.noreply.github.com> Date: Sun, 9 Dec 2018 01:25:08 +0700 Subject: [PATCH 1/2] Fix logoBig drawing over nav overlay --- static/scripts/src/index.js | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/static/scripts/src/index.js b/static/scripts/src/index.js index 613fc6a..e103a16 100644 --- a/static/scripts/src/index.js +++ b/static/scripts/src/index.js @@ -57,10 +57,19 @@ $$('.nav-full, main').forEach(function(el) { el.classList.toggle('active') }) - this.querySelector('nav-icon').classList.toggle('nav-icon') }) }) + // Fix logoBig drawing over nav when click + // on logoSmall while nav open + $('.logo').addEventListener('click', function() { + if ($('.nav-full').classList.contains('active')) { + $$('.nav-full, main').forEach(function(el) { + el.classList.toggle('active') + }) + } + }) + // Disable scroll when full screen nav is open $('body').addEventListener('click', function() { if ($('.nav-full').classList.contains('active')) { From 0321a434b0561a500a9783af68240686bad5b599 Mon Sep 17 00:00:00 2001 From: Chinnawat Wipawapat <2522806+chinkung@users.noreply.github.com> Date: Sun, 9 Dec 2018 01:26:21 +0700 Subject: [PATCH 2/2] Fix logoBig drawing over nav overlay --- static/scripts/index.min.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/scripts/index.min.js b/static/scripts/index.min.js index 8719338..bc619db 100644 --- a/static/scripts/index.min.js +++ b/static/scripts/index.min.js @@ -1 +1 @@ -!function(){var n=document.querySelector.bind(document),e=document.querySelectorAll.bind(document);window.onscroll=function(){(window.pageYOffset||document.documentElement.scrollTop)>(window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight)-n("nav").clientHeight?(n("nav").classList.add("nav-fixed"),e("nav > .logo, nav > .nav-toggle").forEach(function(n){n.style.visibility="visible",n.classList.add("show"),n.classList.remove("hide")})):(n("nav").classList.remove("nav-fixed"),e("nav > .logo, nav > .nav-toggle").forEach(function(n){n.style.visibility="hidden",n.classList.add("hide"),n.classList.remove("show")}))},n(".nav-icon").addEventListener("click",function(){e(".nav-full, main").forEach(function(n){n.classList.toggle("active")}),this.querySelector("img").classList.toggle("img")}),e(".nav-full a").forEach(function(n){n.addEventListener("click",function(){e(".nav-full, main").forEach(function(n){n.classList.toggle("active")}),this.querySelector("nav-icon").classList.toggle("nav-icon")})}),n("body").addEventListener("click",function(){n(".nav-full").classList.contains("active")?n("html").style.overflowY="hidden":n("html").style.overflowY="scroll"}),e("header").forEach(function(){})}(); \ No newline at end of file +!function(){var n=document.querySelector.bind(document),t=document.querySelectorAll.bind(document);window.onscroll=function(){(window.pageYOffset||document.documentElement.scrollTop)>(window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight)-n("nav").clientHeight?(n("nav").classList.add("nav-fixed"),t("nav > .logo, nav > .nav-toggle").forEach(function(n){n.style.visibility="visible",n.classList.add("show"),n.classList.remove("hide")})):(n("nav").classList.remove("nav-fixed"),t("nav > .logo, nav > .nav-toggle").forEach(function(n){n.style.visibility="hidden",n.classList.add("hide"),n.classList.remove("show")}))},n(".nav-icon").addEventListener("click",function(){t(".nav-full, main").forEach(function(n){n.classList.toggle("active")}),this.querySelector("img").classList.toggle("img")}),t(".nav-full a").forEach(function(n){n.addEventListener("click",function(){t(".nav-full, main").forEach(function(n){n.classList.toggle("active")})})}),n(".logo").addEventListener("click",function(){n(".nav-full").classList.contains("active")&&t(".nav-full, main").forEach(function(n){n.classList.toggle("active")})}),n("body").addEventListener("click",function(){n(".nav-full").classList.contains("active")?n("html").style.overflowY="hidden":n("html").style.overflowY="scroll"}),t("header").forEach(function(){})}();