From b5e15ed5899cfeb1680f8e35f9fcd421771b4828 Mon Sep 17 00:00:00 2001
From: Spectralitree <72747870+Spectralitree@users.noreply.github.com>
Date: Sat, 11 Dec 2021 16:25:58 +0100
Subject: [PATCH] feat: make avatar modals open when enter is pressed

---
 src/lib/CardsHeader.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/CardsHeader.svelte b/src/lib/CardsHeader.svelte
index 0dfdbcf0..00b34986 100644
--- a/src/lib/CardsHeader.svelte
+++ b/src/lib/CardsHeader.svelte
@@ -19,7 +19,7 @@
             <span style="vertical-align: middle;">{item.name} ({item.id})</span>
         </div>
         {#if item && item.avatar_url}
-        <img on:click={toggleAvatarModal} class="rounded-circle avatar" src={item.avatar_url} alt="Your system avatar" />
+        <img tabindex={0} on:keyup={(event) => {if (event.key === "Enter") avatarOpen = true}} on:click={toggleAvatarModal} class="rounded-circle avatar" src={item.avatar_url} alt="Your system avatar" />
         {:else}
         <img class="rounded-circle avatar" src={default_avatar} alt="your system avatar (default)" />
         {/if}