mirror of
https://github.com/elk-zone/elk.git
synced 2024-09-06 12:19:08 +01:00
feat: alt label dropdown for attachments (#409)
This commit is contained in:
parent
28d7e8cb43
commit
854d861766
1 changed files with 85 additions and 58 deletions
|
@ -54,6 +54,7 @@ const type = $computed(() => {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
<div relative>
|
||||||
<template v-if="type === 'video'">
|
<template v-if="type === 'video'">
|
||||||
<video
|
<video
|
||||||
:poster="attachment.previewUrl"
|
:poster="attachment.previewUrl"
|
||||||
|
@ -120,4 +121,30 @@ const type = $computed(() => {
|
||||||
/>
|
/>
|
||||||
</button>
|
</button>
|
||||||
</template>
|
</template>
|
||||||
|
<div absolute left-2 class="bottom-3.5">
|
||||||
|
<VDropdown v-if="attachment.description" :distance="6" placement="bottom-start">
|
||||||
|
<button font-bold text-sm hover:bg-black class="bg-black/65 px1.2 py0.2" rounded-1 text-white>
|
||||||
|
<div hidden>
|
||||||
|
read image description
|
||||||
|
</div>
|
||||||
|
ALT
|
||||||
|
</button>
|
||||||
|
<template #popper>
|
||||||
|
<div p4 flex flex-col gap-2 max-w-130>
|
||||||
|
<div flex justify-between>
|
||||||
|
<h2 font-bold text-xl text-secondary>
|
||||||
|
Description
|
||||||
|
</h2>
|
||||||
|
<button v-close-popper text-sm btn-outline py0 px2 text-secondary border-base>
|
||||||
|
Dismiss
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
{{ attachment.description }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</VDropdown>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in a new issue