tomas/pocketbase
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[#4607] fixed the keyboard-accebility of the Admin UI dropdowns

Browse Source
This commit is contained in:
Gani Georgiev
2024-03-22 20:06:18 +02:00
parent b596bbdc3e
commit 0122d4f527
48 changed files with 552 additions and 453 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/src/components/records/RecordUpsertPanel.svelte
+10 -5
View File
@@ -492,17 +492,19 @@
{#if !isNew}
<div class="flex-fill" />
<button
type="button"
aria-label="More"
<div
tabindex="0"
role="button"
aria-label="More record options"
class="btn btn-sm btn-circle btn-transparent flex-gap-0"
>
<i class="ri-more-line" />
<i class="ri-more-line" aria-hidden="true" />
<Toggler class="dropdown dropdown-right dropdown-nowrap">
{#if isAuthCollection && !original.verified && original.email}
<button
type="button"
class="dropdown-item closable"
role="menuitem"
on:click={() => sendVerificationEmail()}
>
<i class="ri-mail-check-line" />
@@ -513,6 +515,7 @@
<button
type="button"
class="dropdown-item closable"
role="menuitem"
on:click={() => sendPasswordResetEmail()}
>
<i class="ri-mail-lock-line" />
@@ -522,6 +525,7 @@
<button
type="button"
class="dropdown-item closable"
role="menuitem"
on:click={() => duplicateConfirm()}
>
<i class="ri-file-copy-line" />
@@ -530,13 +534,14 @@
<button
type="button"
class="dropdown-item txt-danger closable"
role="menuitem"
on:click|preventDefault|stopPropagation={() => deleteConfirm()}
>
<i class="ri-delete-bin-7-line" />
<span class="txt">Delete</span>
</button>
</Toggler>
</button>
</div>
{/if}
{/if}