You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.
 
 
 
 
 
 

18 lines
544 B

<script lang="ts">
import type { TaskDescriptor } from "./task-loader";
import Hoverable from "./Hoverable.svelte";
export let task: TaskDescriptor;
$: cx = task === undefined || task.x === undefined ? 0 : task.x + 6;
$: cy = task === undefined || task.y === undefined ? 0 : task.y - 6;
</script>
<Hoverable let:hovering={focused}>
{#if !focused}
<circle r="20" style="fill: #69b3a2" {cx} {cy} />
{:else}
<circle r="20" style="fill: #ffb3a2" {cx} {cy} />
{/if} -->
<text x={cx} y={cy}>{task.id}</text>
</Hoverable>