KSP/graf-uloh
Archived
37
1
Fork 0
Code Issues 20 Pull requests Releases Wiki Activity

Escape key closes TaskPanel

Browse source
This commit is contained in:
Standa Lukeš 2020-09-29 11:33:02 +00:00
parent 27930f1aa2
commit d242dcc028
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/TaskPanel.svelte
View file

@ -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} />