From 0f1f131f7a2a38ee57175edfd5ed1c932225af16 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Sat, 12 Nov 2022 10:47:46 +0000
Subject: [PATCH] feat: reduce attachments selector specificity (#2682)

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>
---
 src/components/tasks/partials/attachments.vue | 48 +++++++++----------
 1 file changed, 24 insertions(+), 24 deletions(-)

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