From 0d2f2886e8226db2fdaa42e0046ca5fbaa584356 Mon Sep 17 00:00:00 2001 From: metamuffin Date: Fri, 8 Sep 2023 17:56:00 +0200 Subject: polish button css --- client-web/source/menu.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'client-web/source/menu.ts') diff --git a/client-web/source/menu.ts b/client-web/source/menu.ts index 395b7ff..5ac56e3 100644 --- a/client-web/source/menu.ts +++ b/client-web/source/menu.ts @@ -62,6 +62,7 @@ export function side_ui(container: HTMLElement, content: HTMLElement, label: str onchange: async () => { if (last_state == checkbox.checked) return if (checkbox.checked) { + el.classList.add("checked") if (close_active) { close_active() await sleep(200) @@ -78,6 +79,7 @@ export function side_ui(container: HTMLElement, content: HTMLElement, label: str handlers.focus() }, 200) } else { + el.classList.remove("checked") close_active = undefined if (cancel_slide) { clearTimeout(cancel_slide) @@ -97,8 +99,6 @@ export function side_ui(container: HTMLElement, content: HTMLElement, label: str checkbox.checked = s ?? !checkbox.checked; if (checkbox.onchange) checkbox.onchange(undefined as unknown as Event) } - return { - el: e("label", { class: "side-ui-control" }, label, checkbox), - set_state, - } + const el = e("label", { class: "side-ui-control" }, label, checkbox) + return { el, set_state } } -- cgit v1.2.3-70-g09d2