diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-builder.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-builder.svelte index 22203883d..0f4376a2b 100644 --- a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-builder.svelte +++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-builder.svelte @@ -77,6 +77,9 @@ const hiddenFilterCount = $derived(filters.filter((filter) => filter.hidden).length); const hiddenFilterLabel = $derived(`${hiddenFilterCount} Hidden ${hiddenFilterCount === 1 ? 'Filter' : 'Filters'}`); + const hiddenFilterToggleLabel = $derived( + `${showHiddenFilters ? 'Hide' : 'Show'} ${hiddenFilterCount} hidden ${hiddenFilterCount === 1 ? 'filter' : 'filters'}` + ); const hasFilters = $derived(filters.length > 0); const visibleFacets = $derived(facets.filter((facet) => !facet.filter.hidden || showHiddenFilters)); @@ -272,7 +275,7 @@ variant="ghost" size="icon-sm" onclick={toggleHiddenFilters} - aria-label={`Toggle hidden filters. ${hiddenFilterLabel}.`} + aria-label={hiddenFilterToggleLabel} > {#if showHiddenFilters} @@ -289,7 +292,7 @@ {/snippet} - Toggle hidden filters + {hiddenFilterToggleLabel} {/if} {#if filters.some((f) => f.type !== 'date')}