diff options
| author | metamuffin <metamuffin@disroot.org> | 2023-06-25 00:31:43 +0200 |
|---|---|---|
| committer | metamuffin <metamuffin@disroot.org> | 2023-06-25 00:31:43 +0200 |
| commit | bf0a57609d3792863c1f20a9d2d4b5bd7b0c7576 (patch) | |
| tree | 6267b2d3421b7bccc29cf3d9d99968cbdcf33f5f /client-web/source/menu.ts | |
| parent | b408b2ebcafddde5a93a3f708d815fcf740607fb (diff) | |
| download | keks-meet-bf0a57609d3792863c1f20a9d2d4b5bd7b0c7576.tar keks-meet-bf0a57609d3792863c1f20a9d2d4b5bd7b0c7576.tar.bz2 keks-meet-bf0a57609d3792863c1f20a9d2d4b5bd7b0c7576.tar.zst | |
refactor + animate sidebar
Diffstat (limited to 'client-web/source/menu.ts')
| -rw-r--r-- | client-web/source/menu.ts | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/client-web/source/menu.ts b/client-web/source/menu.ts index 041dcdf..3d023e2 100644 --- a/client-web/source/menu.ts +++ b/client-web/source/menu.ts @@ -52,13 +52,13 @@ export function side_ui(container: HTMLElement, content: HTMLElement, label: str const checkbox = einput("checkbox", { onchange: () => { if (checkbox.checked) { - container.classList.add("animate-in") + content.classList.add("animate-in") container.appendChild(content) } else { - container.classList.remove("animate-in") - container.classList.add("animate-out") + content.classList.remove("animate-in") + content.classList.add("animate-out") setTimeout(() => { // TODO breaks if ui is being enabled while timeout is active - container.classList.remove("animate-out") + content.classList.remove("animate-out") container.removeChild(content) }, 400) } |