quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

fixed no dismiss on nav bar

Browse source
This commit is contained in:
Xanazf 2024-10-17 22:38:55 +03:00
parent 62b272c3b9
commit 48650545bd
Signed by: Xanazf
GPG key ID: 4E4A5AD1FB748427
3 changed files with 16 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/navigation/sidebars/nav/index.tsx
View file

@ -37,10 +37,11 @@ const NavComponent: Component<NavProps> = props => {
const handleClickOutside = (event: MouseEvent) => {
const isLink = "href" in (event.target || {});
const isInBody = document.body.contains(event.target as Node);
if (
isLink ||
(document.body.contains(event.target as Node) &&
!navRef.contains(event.target as Node))
!isInBody ||
(isInBody && !navRef.contains(event.target as Node))
) {
setOpen(false);
}
@ -70,11 +71,8 @@ const NavComponent: Component<NavProps> = props => {
ref={navRef!}
>
<div onclick={e => toggle(e)}>
{open() ? (
<MenuToX class="nav-icon" />
) : (
<XToMenu class="nav-icon" />
)}
<MenuToX class={`nav-icon ${open() ? "active" : ""}`} />
<XToMenu class={`nav-icon ${!open() ? "active" : ""}`} />
</div>
<div
id={open() ? "#qs_search" : ""}