mirror of
https://github.com/elk-zone/elk.git
synced 2024-09-06 12:19:08 +01:00
feat(a11y): improve dropdown item and action button accessiblity (#251)
This commit is contained in:
parent
e11bf53f86
commit
e0a1ceea43
2 changed files with 3 additions and 1 deletions
|
@ -45,6 +45,7 @@ useCommand({
|
|||
v-bind="$attrs" ref="el"
|
||||
flex gap-3 items-center cursor-pointer px4 py3
|
||||
hover-bg-active
|
||||
:aria-label="text"
|
||||
@click="handleClick"
|
||||
>
|
||||
<div v-if="icon" :class="icon" />
|
||||
|
|
|
@ -45,9 +45,10 @@ useCommand({
|
|||
v-bind="$attrs" ref="el"
|
||||
w-fit flex gap-1 items-center
|
||||
rounded group :hover="hover"
|
||||
focus:outline-none
|
||||
focus:outline-none cursor-pointer
|
||||
:focus-visible="hover"
|
||||
:class="active ? [color] : 'text-secondary'"
|
||||
:aria-label="content"
|
||||
>
|
||||
<CommonTooltip placement="bottom" :content="content">
|
||||
<div rounded-full p2 :group-hover="groupHover" :group-focus-visible="groupHover" group-focus-visible:ring="2 current">
|
||||
|
|
Loading…
Reference in a new issue