steffo/todocolors
steffo/todocolors
1
Fork 0
mirror of https://github.com/Steffo99/todocolors.git synced 2024-11-22 16:24:19 +00:00
Code Activity

Make in-progress and complete tasks more and less apparent respectively

Browse source
This commit is contained in:
Steffo 2023-08-06 01:59:05 +02:00
parent b0eac94b18
commit 4d46be862b
Signed by: steffo
GPG key ID: 2A24051445686895
1 changed files with 23 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
todoblue/src/app/board/[board]/TaskDisplay.module.css
View file

@ -43,10 +43,6 @@
justify-content: center; justify-content: center;
} }
.taskDescriptionComplete {
text-decoration: 2px currentColor solid line-through;
}
.taskPriorityHighest { .taskPriorityHighest {
border: 4px solid hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.45); border: 4px solid hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.45);
padding: 4px; padding: 4px;
@ -123,3 +119,26 @@
font-size: xx-small; font-size: xx-small;
word-break: break-all; 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;
}