ami/tl-vikunja
1
0
Fork 0
Code

feat: reduce attachments selector specificity (#2682)

Browse Source 
Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2682
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
This commit is contained in:
Dominik Pschenitschni 2022-11-12 10:47:46 +00:00 committed by konrad
parent eb4c2a4b9d
commit 0f1f131f7a
1 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/components/tasks/partials/attachments.vue
View File

@ -334,35 +334,35 @@ async function setCoverImage(attachment: IAttachment | null) {
&.hidden { &.hidden {
display: none; display: none;
} }
}
.drop-hint { .drop-hint {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
.icon { .icon {
width: 100%; width: 100%;
font-size: 5rem; font-size: 5rem;
height: auto; height: auto;
text-shadow: var(--shadow-md); text-shadow: var(--shadow-md);
animation: bounce 2s infinite; animation: bounce 2s infinite;
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
animation: none; animation: none;
}
} }
}
.hint { .hint {
margin: .5rem auto 2rem; margin: .5rem auto 2rem;
border-radius: 2px; border-radius: 2px;
box-shadow: var(--shadow-md); box-shadow: var(--shadow-md);
background: var(--primary); background: var(--primary);
padding: 1rem; padding: 1rem;
color: var(--white); color: var(--white);
width: 100%; width: 100%;
max-width: 300px; max-width: 300px;
}
} }
} }