|
@ -37,6 +37,12 @@ import TaskDisplay from "./TaskDisplay.svelte"; |
|
|
behavior: 'smooth' |
|
|
behavior: 'smooth' |
|
|
}), 100) |
|
|
}), 100) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
function handleKeydown(e: KeyboardEvent) { |
|
|
|
|
|
if (e.key === "Escape") { |
|
|
|
|
|
close() |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style> |
|
|
<style> |
|
@ -68,6 +74,8 @@ import TaskDisplay from "./TaskDisplay.svelte"; |
|
|
.panel.full .closeButton { display: inherit } |
|
|
.panel.full .closeButton { display: inherit } |
|
|
</style> |
|
|
</style> |
|
|
|
|
|
|
|
|
|
|
|
<svelte:window on:keydown={handleKeydown} /> |
|
|
|
|
|
|
|
|
<div class="panel {heightClass}" |
|
|
<div class="panel {heightClass}" |
|
|
on:click={() => selectedTask && select(selectedTask)}> |
|
|
on:click={() => selectedTask && select(selectedTask)}> |
|
|
<TaskDisplay taskId={selectedTask?.id} /> |
|
|
<TaskDisplay taskId={selectedTask?.id} /> |
|
|