ami/tl-vikunja
1
0
Fork 0
Code

Change attachment div to button

Browse Source
This commit is contained in:
Elscrux 2024-05-16 19:29:40 +02:00
parent 230fef3559
commit 7664534618
1 changed files with 13 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/components/tasks/partials/attachments.vue
View File

@ -27,10 +27,10 @@
v-if="attachments.length > 0" v-if="attachments.length > 0"
class="files" class="files"
> >
<div <button
v-for="a in attachments" v-for="a in attachments"
:key="a.id" :key="a.id"
class="attachment clickable" class="attachment"
@click="viewOrDownload(a)" @click="viewOrDownload(a)"
> >
<div class="preview-column"> <div class="preview-column">
@ -109,7 +109,7 @@
</p> </p>
</div> </div>
</div> </div>
</div> </button>
</div> </div>
<x-button <x-button
@ -309,11 +309,18 @@ async function setCoverImage(attachment: IAttachment | null) {
} }
.attachment { .attachment {
display: grid;
grid-template-columns: 9rem 1fr;
align-items: center;
margin-bottom: .5rem; margin-bottom: .5rem;
display: block;
transition: background-color $transition;
border-radius: $radius;
padding: .5rem; padding: .5rem;
transition: background-color $transition;
background-color: transparent;
border: transparent;
border-radius: $radius;
&:hover { &:hover {
background-color: var(--grey-200); background-color: var(--grey-200);
@ -453,16 +460,6 @@ async function setCoverImage(attachment: IAttachment | null) {
max-height: 4rem; max-height: 4rem;
} }
.clickable {
cursor: pointer;
}
.attachment {
display: grid;
grid-template-columns: 9rem 1fr;
align-items: center;
}
.is-task-cover { .is-task-cover {
background: var(--primary); background: var(--primary);
color: var(--white); color: var(--white);