hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prevent the nav from being clicked when collapsed

Browse Source
This commit is contained in:
daudix
2024-10-28 16:04:10 +03:00
parent 1f4bc72bcb
commit 426137855d
1 changed files with 4 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
sass/_nav.scss
View File

@ -34,32 +34,27 @@
&:hover + #site-nav { &:hover + #site-nav {
transform: none; transform: none;
opacity: 1; opacity: 1;
pointer-events: auto;
} }
& + #site-nav { & + #site-nav {
position: fixed; position: fixed;
transform: translateY(-1rem) scale(0.5); transform: translateY(calc(-50% - 1rem)) scale(0.5);
transform-origin: top; transform-origin: top;
opacity: 0; opacity: 0;
transition: var(--transition); transition: var(--transition);
margin: 0 auto; margin: 0 auto;
width: max-content; width: max-content;
nav {
pointer-events: none; pointer-events: none;
}
&:hover, &:hover,
&:has(*:focus-visible, *:focus) { &:has(*:focus-visible, *:focus) {
transform: none; transform: none;
opacity: 1; opacity: 1;
nav {
pointer-events: all; pointer-events: all;
} }
} }
} }
}
#site-nav { #site-nav {
position: sticky; position: sticky;