From 5ad518ded1c12d774abe26530d4e516831766e76 Mon Sep 17 00:00:00 2001 From: thecodrr Date: Wed, 21 Jul 2021 00:19:27 +0500 Subject: [PATCH] fix: nav overlay not functional on mobile --- apps/web/src/app.js | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/apps/web/src/app.js b/apps/web/src/app.js index a540193f5..11477d9c9 100644 --- a/apps/web/src/app.js +++ b/apps/web/src/app.js @@ -34,11 +34,12 @@ function App() { const width = 180; const percent = offset - (position / width) * offset; - if (percent >= 0) { - const overlay = document.getElementById("overlay"); + const overlay = document.getElementById("overlay"); + if (percent > 0) { overlay.style.opacity = `${percent}%`; - overlay.style.pointerEvents = - Math.round(percent) === offset ? "all" : "none"; + overlay.style.pointerEvents = "all"; + } else { + overlay.style.pointerEvents = "none"; } }, onChange: (e, { slide, lastSlide }) => {