From 4d46be862bb5eb1859ac747d127cbd0db1396b99 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Sun, 6 Aug 2023 01:59:05 +0200
Subject: [PATCH] Make in-progress and complete tasks more and less apparent
 respectively

---
 .../app/board/[board]/TaskDisplay.module.css  | 27 ++++++++++++++++---
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/todoblue/src/app/board/[board]/TaskDisplay.module.css b/todoblue/src/app/board/[board]/TaskDisplay.module.css
index ca1d08f..cd16657 100644
--- a/todoblue/src/app/board/[board]/TaskDisplay.module.css
+++ b/todoblue/src/app/board/[board]/TaskDisplay.module.css
@@ -43,10 +43,6 @@
 	justify-content: center;
 }
 
-.taskDescriptionComplete {
-	text-decoration: 2px currentColor solid line-through;
-}
-
 .taskPriorityHighest {
 	border: 4px solid hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.45);
 	padding: 4px;
@@ -123,3 +119,26 @@
 	font-size: xx-small;
 	word-break: break-all;
 }
+
+@keyframes fade {
+	0%, 100% {
+		opacity: 0.4;
+	}
+	50% {
+		opacity: 1;
+	}
+}
+
+.taskStatusInProgress .taskDescription {
+	animation-name: fade;
+	animation-delay: 0s;
+	animation-direction: normal;
+	animation-duration: 1s;
+	animation-iteration-count: infinite;
+	animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+}
+
+.taskStatusComplete .taskDescription {
+	opacity: 0.4;
+	text-decoration: 2px currentColor solid line-through;
+}