improve highlight style, improve filter button marker

2026-04-12 12:39:29 +00:00
parent 8d44cef429
commit 4ad92f8dc7
9 changed files with 113 additions and 136 deletions
@@ -20,14 +20,6 @@ export function BoardPage(
 ) {
    boardViewModel.loadData();

-    const filterIcon = React.createProxyState(
-        [boardViewModel.isFilterActive],
-        () =>
-            boardViewModel.isFilterActive.value
-                ? "filter_alt"
-                : "filter_alt_off",
-    );
-
    // main content
    const mainContent = React.createProxyState(
        [boardViewModel.selectedPage],
@@ -142,11 +134,9 @@ export function BoardPage(
                                .filterTasksButtonAudioLabel
                        }
                        on:click={boardViewModel.showFilterModal}
+                        toggle:selected={boardViewModel.isFilterActive}
                    >
-                        <span
-                            class="icon"
-                            subscribe:innerText={filterIcon}
-                        ></span>
+                        <span class="icon">filter_alt</span>
                    </button>
                    <button
                        class="ghost"