Browse Source

Escape key closes TaskPanel

mj-deploy
Standa Lukeš 4 years ago
parent
commit
d242dcc028
  1. 8
      frontend/src/TaskPanel.svelte

8
frontend/src/TaskPanel.svelte

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