melosh/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: remove mobile menu shell module

Browse Source
This commit is contained in:
mkelvers
2026-06-13 19:22:29 +02:00
parent 012bfee03d
commit fb03d73e66
2 changed files with 0 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
static/app.ts
View File

@@ -8,7 +8,6 @@ import "./timezone";
import "./search"; import "./search";
import "./sort_filter"; import "./sort_filter";
import "./dedupe"; import "./dedupe";
import "./shell";
import "./watchlist"; import "./watchlist";
import "./top_pick_carousel"; import "./top_pick_carousel";
import "./continue_watching_carousel"; import "./continue_watching_carousel";

88
static/shell.ts
View File

@@ -1,88 +0,0 @@
export {};
import { onReady } from "./utils";
const isMobileViewport = (): boolean => window.matchMedia("(max-width: 1023px)").matches;
const initSidebarTransitions = (): void => {
requestAnimationFrame(() => {
document.documentElement.classList.add("sidebar-ready");
});
};
const initMobileMenu = (): void => {
const menu = document.getElementById("mobile-menu");
const backdrop = document.getElementById("mobile-menu-backdrop");
const toggle = document.querySelector("[data-mobile-menu-toggle]");
if (!(menu instanceof HTMLElement)) return;
if (!(backdrop instanceof HTMLElement)) return;
if (!(toggle instanceof HTMLElement)) return;
const body = document.body;
let lastFocused: HTMLElement | null = null;
const setOpen = (nextOpen: boolean): void => {
menu.dataset.mobileOpen = nextOpen ? "true" : "false";
backdrop.dataset.mobileOpen = nextOpen ? "true" : "false";
backdrop.classList.toggle("hidden", !nextOpen);
toggle.setAttribute("aria-expanded", nextOpen ? "true" : "false");
body.classList.toggle("overflow-hidden", nextOpen);
};
const openMenu = (): void => {
if (!isMobileViewport()) return;
if (menu.dataset.mobileOpen === "true") return;
lastFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
setOpen(true);
const focusTarget = menu.querySelector<HTMLElement>(
'a, button, input, [tabindex]:not([tabindex="-1"])',
);
focusTarget?.focus();
};
const closeMenu = (): void => {
if (menu.dataset.mobileOpen !== "true") return;
setOpen(false);
lastFocused?.focus();
};
toggle.addEventListener("click", () => {
if (menu.dataset.mobileOpen === "true") {
closeMenu();
return;
}
openMenu();
});
backdrop.addEventListener("click", closeMenu);
document.addEventListener("keydown", (event) => {
if (event.key !== "Escape") return;
if (menu.dataset.mobileOpen !== "true") return;
event.preventDefault();
closeMenu();
});
menu.addEventListener("click", (event) => {
const target = event.target;
if (!(target instanceof Element)) return;
if (!target.closest("a, button")) return;
if (!isMobileViewport()) return;
closeMenu();
});
window.addEventListener("resize", () => {
if (!isMobileViewport()) {
setOpen(false);
}
});
};
onReady(() => {
initSidebarTransitions();
initMobileMenu();
});