feat: select label preferences with dropdown

This commit is contained in:
Sam 2023-03-14 15:00:56 +01:00
parent 18fc764d64
commit e3f3ac1d8d
Signed by: sam
GPG key ID: B4EF20DDE721CAA1
8 changed files with 327 additions and 171 deletions

View file

@ -4,6 +4,7 @@
import { WordStatus } from "$lib/api/entities";
export let status: WordStatus;
export let className: string | null = null;
const iconFor = (wordStatus: WordStatus) => {
switch (wordStatus) {
@ -48,5 +49,5 @@
let iconElement: HTMLElement;
</script>
<span bind:this={iconElement} tabindex={0}><Icon name={statusIcon} /></span>
<span bind:this={iconElement} tabindex={0}><Icon name={statusIcon} class={className} /></span>
<Tooltip target={iconElement} placement="top">{statusText}</Tooltip>