From 2382712383569cc3a3e96807762bc180aa2f6684 Mon Sep 17 00:00:00 2001 From: isUnknown Date: Thu, 5 Sep 2024 07:14:53 +0200 Subject: [PATCH] fix android problem --- assets/css/src/generic.css | 4 ++++ assets/css/src/header.css | 3 --- assets/css/src/nav.css | 2 +- assets/js/script.js | 2 ++ 4 files changed, 7 insertions(+), 4 deletions(-) diff --git a/assets/css/src/generic.css b/assets/css/src/generic.css index e7452aa..f42e0ca 100644 --- a/assets/css/src/generic.css +++ b/assets/css/src/generic.css @@ -97,3 +97,7 @@ body { .toggle-btn--right.open::before { content: "-"; } + +.transition { + transition: all 0.5s var(--curve-sine); +} diff --git a/assets/css/src/header.css b/assets/css/src/header.css index b47e84c..1950e3d 100644 --- a/assets/css/src/header.css +++ b/assets/css/src/header.css @@ -78,9 +78,6 @@ body[data-template="home"] { top: calc(var(--unit--vertical) * 4); } -.entry-btn { - transition: all 0.5s var(--curve-sine); -} [data-template="home"] .entry-btn { align-items: start; } diff --git a/assets/css/src/nav.css b/assets/css/src/nav.css index c9e3aad..d8f99ed 100644 --- a/assets/css/src/nav.css +++ b/assets/css/src/nav.css @@ -4,7 +4,7 @@ } .panel { position: fixed; - width: 100%; + width: 100vw; height: 100dvh; top: 0; background-color: #000; diff --git a/assets/js/script.js b/assets/js/script.js index fa559c7..1aa8b0a 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -69,6 +69,8 @@ function enableToggleEntriesVisibility() { }); observer.observe(entries); + leftBtn.classList.add("transition"); + rightBtn.classList.add("transition"); } function toggleLogoState() {