CraftAttack/website
4
0
Fork 0
Code Issues 3 Pull Requests Actions Wiki Activity

Compare commits

base: CraftAttack:23b4e6249fac07bd95238357ce010318089478e1
Branches Tags
CraftAttack:main
...
compare: CraftAttack:45f8550604e253e21144c2fd295368b9d4493372
Branches Tags
CraftAttack:main

2 Commits
23b4e6249f ... 45f8550604

Author SHA1 Message Date
bytedream
45f8550604 remove menu scroll functionality
All checks were successful
delpoy / build-and-deploy (push) Successful in 59s
Details
2024-11-24 14:29:15 +01:00
bytedream
865a8eee24 highlight current active page in navbar (#40) 2024-11-24 14:28:42 +01:00
1 changed files with 5 additions and 35 deletions
Show Stats Expand all files Collapse all files

40
src/routes/+layout.svelte
View File

@ -38,39 +38,16 @@
];
let showMenuPermanent = false;
let menuButtonScrollIndex: number | null = null;
function onMenuButtonScroll(e: WheelEvent) {
if (menuButtonScrollIndex == null) {
if (e.deltaY < 0) {
menuButtonScrollIndex = navPaths.length - 1;
} else if (e.deltaY > 0) {
menuButtonScrollIndex = 0;
} else {
menuButtonScrollIndex = navPaths.length - 1;
}
} else {
navPaths[menuButtonScrollIndex].active = false;
if (e.deltaY > 0) {
menuButtonScrollIndex++;
} else if (e.deltaY < 0) {
menuButtonScrollIndex--;
}
if (menuButtonScrollIndex > navPaths.length - 1) {
menuButtonScrollIndex = 0;
} else if (menuButtonScrollIndex < 0) {
menuButtonScrollIndex = navPaths.length - 1;
}
}
navPaths[menuButtonScrollIndex].active = true;
}
let onAdminPage = false;
$: onAdminPage =
$page.url.pathname.startsWith(`${env.PUBLIC_BASE_PATH}/admin`) &&
$page.url.pathname !== `${env.PUBLIC_BASE_PATH}/admin/login`;
$: {
for (let i = 0; i < navPaths.length; i++) {
navPaths[i].active = navPaths[i].href === $page.url.pathname;
}
}
let isTouch = false;
let nav: HTMLDivElement;
@ -120,13 +97,6 @@
isTouch = true;
showMenuPermanent = !showMenuPermanent;
}}
on:mouseleave={() => {
if (menuButtonScrollIndex !== null) {
navPaths[menuButtonScrollIndex].active = false;
}
menuButtonScrollIndex = null;
}}
on:wheel|preventDefault={onMenuButtonScroll}
>
<img
class="absolute w-full h-full p-1 pixelated"