mirror of
https://github.com/docusealco/docuseal
synced 2026-11-04 14:42:32 -05:00
improve insert menu accessibility
This commit is contained in:
1 parent
d793f00b37
commit
9e2590489b
1 file changed
+3
@@ -32,6 +32,7 @@
|
|||||||
<button
|
<button
|
||||||
class="flex items-center gap-2 w-full px-2 py-1 rounded-md"
|
class="flex items-center gap-2 w-full px-2 py-1 rounded-md"
|
||||||
:class="{ 'bg-neutral-100': submenu === 'field' }"
|
:class="{ 'bg-neutral-100': submenu === 'field' }"
|
||||||
|
@click="submenu = submenu === 'field' ? null : 'field'"
|
||||||
>
|
>
|
||||||
<IconForms
|
<IconForms
|
||||||
:width="16"
|
:width="16"
|
||||||
@@ -72,6 +73,7 @@
|
|||||||
<button
|
<button
|
||||||
class="flex items-center gap-2 w-full px-2 py-1 rounded-md"
|
class="flex items-center gap-2 w-full px-2 py-1 rounded-md"
|
||||||
:class="{ 'bg-neutral-100': submenu === 'table' }"
|
:class="{ 'bg-neutral-100': submenu === 'table' }"
|
||||||
|
@click="submenu = submenu === 'table' ? null : 'table'"
|
||||||
>
|
>
|
||||||
<IconTable
|
<IconTable
|
||||||
:width="16"
|
:width="16"
|
||||||
@@ -100,6 +102,7 @@
|
|||||||
:key="col"
|
:key="col"
|
||||||
class="w-4 h-4 border rounded-sm"
|
class="w-4 h-4 border rounded-sm"
|
||||||
:class="row <= tableSize.rows && col <= tableSize.cols ? 'bg-neutral-200 border-neutral-400' : 'bg-white border-neutral-200'"
|
:class="row <= tableSize.rows && col <= tableSize.cols ? 'bg-neutral-200 border-neutral-400' : 'bg-white border-neutral-200'"
|
||||||
|
:aria-label="`${row} × ${col}`"
|
||||||
@mouseenter="tableSize = { rows: row, cols: col }"
|
@mouseenter="tableSize = { rows: row, cols: col }"
|
||||||
@click="[$emit('insert-table', { rows: row, cols: col }), isOpen = false]"
|
@click="[$emit('insert-table', { rows: row, cols: col }), isOpen = false]"
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in new issue
Block a user