Merge pull request 'Escape key closes TaskPanel' (#15) from exyi/esc-close into master
Reviewed-on: #15
This commit is contained in:
		
						commit
						064aff00fa
					
				
					 1 changed files with 8 additions and 0 deletions
				
			
		|  | @ -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> | ||||||
|  | @ -80,6 +86,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} /> | ||||||
|  |  | ||||||
		Reference in a new issue