Github-Mirror/pocketbase
1
0 Fork 0
mirror of https://github.com/pocketbase/pocketbase.git synced 2026-11-10 22:08:07 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Gani Georgiev committed 2024-03-22 20:07:01 +02:00
1 parent b596bbdc3e
commit 0122d4f527
48 files changed
+552 -453
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

ui/src/components/collections/schema/SchemaField.svelte
+11 -5
View File
@@ -244,22 +244,28 @@
{#if !field.toDelete}
<div class="m-l-auto txt-right">
<div class="inline-flex flex-gap-sm flex-nowrap">
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<div tabindex="0" aria-label="More" class="btn btn-circle btn-sm btn-transparent">
<i class="ri-more-line" />
<div
tabindex="0"
role="button"
aria-label="More"
class="btn btn-circle btn-sm btn-transparent"
>
<i class="ri-more-line" aria-hidden="true" />
<Toggler
class="dropdown dropdown-sm dropdown-upside dropdown-right dropdown-nowrap no-min-width"
>
<button
type="button"
class="dropdown-item txt-right"
class="dropdown-item"
role="menuitem"
on:click|preventDefault={duplicate}
>
<span class="txt">Duplicate</span>
</button>
<button
type="button"
class="dropdown-item txt-right"
class="dropdown-item"
role="menuitem"
on:click|preventDefault={remove}
>
<span class="txt">Remove</span>