Improves tag hover state visibility

niemyjski · niemyjski · commit 3915cb37e298 · 2025-06-29T13:09:24.000-05:00
Adjusts the tag filter hover state to use a lower text opacity, providing better visual distinction and user experience.
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/views/overview.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/events/components/views/overview.svelte
@@ -210,7 +210,7 @@
                     {#each event.tags as tag (tag)}
                         <Badge color="dark"
                             ><EventsFacetedFilter.TagTrigger changed={filterChanged} class="mr-1" value={[tag]}
-                                ><Filter class="text-muted-foreground text-opacity-80 hover:text-secondary size-5" /></EventsFacetedFilter.TagTrigger
+                                ><Filter class="text-muted-foreground text-opacity-50 hover:text-secondary size-5" /></EventsFacetedFilter.TagTrigger
                             >{tag}</Badge
                         >
                     {/each}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/stacks/components/stack-card.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/stacks/components/stack-card.svelte
@@ -160,7 +160,7 @@
                     {#each stack.tags as tag (tag)}
                         <Badge color="dark"
                             ><EventsFacetedFilter.TagTrigger changed={filterChanged} class="mr-1" value={[tag]}
-                                ><Filter class="text-muted-foreground text-opacity-80 hover:text-secondary size-5" /></EventsFacetedFilter.TagTrigger
+                                ><Filter class="text-muted-foreground text-opacity-50 hover:text-secondary size-5" /></EventsFacetedFilter.TagTrigger
                             >{tag}</Badge
                         >
                     {/each}

Original file line number	Diff line number	Diff line change
`@@ -210,7 +210,7 @@`
`210`	`210`	`{#each event.tags as tag (tag)}`
`211`	`211`	`<Badge color="dark"`
`212`	`212`	`><EventsFacetedFilter.TagTrigger changed={filterChanged} class="mr-1" value={[tag]}`
`213`		`- ><Filter class="text-muted-foreground text-opacity-80 hover:text-secondary size-5" /></EventsFacetedFilter.TagTrigger`
	`213`	`+ ><Filter class="text-muted-foreground text-opacity-50 hover:text-secondary size-5" /></EventsFacetedFilter.TagTrigger`
`214`	`214`	`>{tag}</Badge`
`215`	`215`	`>`
`216`	`216`	`{/each}`
Original file line number	Diff line number	Diff line change
`@@ -160,7 +160,7 @@`
`160`	`160`	`{#each stack.tags as tag (tag)}`
`161`	`161`	`<Badge color="dark"`
`162`	`162`	`><EventsFacetedFilter.TagTrigger changed={filterChanged} class="mr-1" value={[tag]}`
`163`		`- ><Filter class="text-muted-foreground text-opacity-80 hover:text-secondary size-5" /></EventsFacetedFilter.TagTrigger`
	`163`	`+ ><Filter class="text-muted-foreground text-opacity-50 hover:text-secondary size-5" /></EventsFacetedFilter.TagTrigger`
`164`	`164`	`>{tag}</Badge`
`165`	`165`	`>`
`166`	`166`	`{/each}`