teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat(a11y): improve remove attachement accessiblity (#249)

Browse source
This commit is contained in:
Alex 2022-11-30 21:01:03 +08:00 committed by GitHub
parent e0a1ceea43
commit 47721801aa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
components/publish/PublishAttachment.vue
View file

@ -20,10 +20,13 @@ defineEmits<{
<div absolute right-2 top-2> <div absolute right-2 top-2>
<div <div
v-if="removable" v-if="removable"
hover:bg="gray/40" transition-100 p-1 rounded-5 cursor-pointer op-0 group-hover:op-100 aria-label="Remove attachment"
hover:bg="gray/40" transition-100 p-1 rounded-5 cursor-pointer
:class="[isSmallScreen ? '' : 'op-0 group-hover:op-100hover:']"
mix-blend-difference
@click="$emit('remove')" @click="$emit('remove')"
> >
<div i-ri:close-line text-3 /> <div i-ri:close-line text-3 :class="[isSmallScreen ? 'text-6' : 'text-3']" />
</div> </div>
</div> </div>
</div> </div>