From 426137855dbccd57b5b574eb06ffe1991ca257b6 Mon Sep 17 00:00:00 2001 From: daudix Date: Mon, 28 Oct 2024 16:04:10 +0300 Subject: [PATCH] Prevent the nav from being clicked when collapsed --- sass/_nav.scss | 13 ++++--------- 1 file changed, 4 insertions(+), 9 deletions(-) diff --git a/sass/_nav.scss b/sass/_nav.scss index f32b59f..2b8a285 100644 --- a/sass/_nav.scss +++ b/sass/_nav.scss @@ -34,29 +34,24 @@ &:hover + #site-nav { transform: none; opacity: 1; + pointer-events: auto; } & + #site-nav { position: fixed; - transform: translateY(-1rem) scale(0.5); + transform: translateY(calc(-50% - 1rem)) scale(0.5); transform-origin: top; opacity: 0; transition: var(--transition); margin: 0 auto; width: max-content; - - nav { - pointer-events: none; - } + pointer-events: none; &:hover, &:has(*:focus-visible, *:focus) { transform: none; opacity: 1; - - nav { - pointer-events: all; - } + pointer-events: all; } } }