shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Highlight task planner items near reset
All checks were successful
Deploy Sokko G / deploy (push) Successful in 14s
Details

Browse source
This commit is contained in:
Shinuwa 2026-08-20 16:42:41 +02:00
parent 49ba0c4cb2
commit e4cbe3e087
5 changed files with 80 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

31
website/src/styles/toolboxes/_task-planner.scss
View file

@ -360,6 +360,37 @@
rgba(5, 7, 17, 0.36);
}
.task-planner-item.is-reset-soon:not(.is-complete) {
border-color: rgba(34, 211, 238, 0.34);
box-shadow:
inset 0 0 0 1px rgba(34, 211, 238, 0.07),
0 0 0 rgba(34, 211, 238, 0);
animation: task-planner-reset-soon-pulse 2600ms var(--ease-standard) infinite;
}
@keyframes task-planner-reset-soon-pulse {
0%,
100% {
border-color: rgba(34, 211, 238, 0.26);
box-shadow:
inset 0 0 0 1px rgba(34, 211, 238, 0.05),
0 0 0 rgba(34, 211, 238, 0);
}
50% {
border-color: rgba(34, 211, 238, 0.44);
box-shadow:
inset 0 0 0 1px rgba(34, 211, 238, 0.1),
0 0 12px rgba(34, 211, 238, 0.07);
}
}
@media (prefers-reduced-motion: reduce) {
.task-planner-item.is-reset-soon:not(.is-complete) {
animation: none;
}
}
.task-planner-line {
display: grid;
grid-template-columns: 30px 24px minmax(0, 1fr) 134px auto auto;