mirror of
https://github.com/Steffo99/todocolors.git
synced 2024-11-22 08:14:18 +00:00
I forgor
This commit is contained in:
parent
d96cb1564e
commit
6af857346a
3 changed files with 16 additions and 18 deletions
|
@ -3,6 +3,9 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
min-width: 240px;
|
min-width: 240px;
|
||||||
min-height: 48px;
|
min-height: 48px;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 0;
|
||||||
|
padding: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.taskImportanceHighest {
|
.taskImportanceHighest {
|
||||||
|
@ -46,36 +49,31 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.taskDeadlineHour {
|
.taskDeadlineHour {
|
||||||
border: 4px hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.45);
|
border-left-width: 4px;
|
||||||
padding: 4px;
|
padding-left: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.taskDeadlineDay {
|
.taskDeadlineDay {
|
||||||
border: 3px hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.25);
|
border-left-width: 3px;
|
||||||
padding: 5px;
|
padding-left: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.taskDeadlineWeek {
|
.taskDeadlineWeek {
|
||||||
border: 2px hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.15);
|
border-left-width: 2px;
|
||||||
padding: 6px;
|
padding-left: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.taskDeadlineMonth {
|
.taskDeadlineMonth {
|
||||||
border: 1px hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.15);
|
border-left-width: 1px;
|
||||||
padding: 7px;
|
padding-left: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.taskDeadlineNone {
|
.taskDeadlineFuture {
|
||||||
border: 0;
|
border-color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.25);
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.taskDeadlineIncoming {
|
|
||||||
border-style: solid;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.taskDeadlinePast {
|
.taskDeadlinePast {
|
||||||
border-style: dashed;
|
border-color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 1.00);
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes inProgress {
|
@keyframes inProgress {
|
||||||
|
|
|
@ -34,7 +34,7 @@ export function TaskContainer({role, className, importance, deadline, status, ..
|
||||||
[style.taskDeadlineDay]: deltaAbs !== null && 60 * 60 * 1000 <= deltaAbs && deltaAbs < 24 * 60 * 60 * 1000,
|
[style.taskDeadlineDay]: deltaAbs !== null && 60 * 60 * 1000 <= deltaAbs && deltaAbs < 24 * 60 * 60 * 1000,
|
||||||
[style.taskDeadlineWeek]: deltaAbs !== null && 24 * 60 * 60 * 1000 <= deltaAbs && deltaAbs < 7 * 24 * 60 * 60 * 1000,
|
[style.taskDeadlineWeek]: deltaAbs !== null && 24 * 60 * 60 * 1000 <= deltaAbs && deltaAbs < 7 * 24 * 60 * 60 * 1000,
|
||||||
[style.taskDeadlineMonth]: deltaAbs !== null && deltaAbs >= 7 * 24 * 60 * 60 * 1000,
|
[style.taskDeadlineMonth]: deltaAbs !== null && deltaAbs >= 7 * 24 * 60 * 60 * 1000,
|
||||||
[style.taskDeadlineIncoming]: delta !== null && delta > 0,
|
[style.taskDeadlineFuture]: delta !== null && delta >= 0,
|
||||||
[style.taskDeadlinePast]: delta !== null && delta < 0,
|
[style.taskDeadlinePast]: delta !== null && delta < 0,
|
||||||
[style.taskStatusNonExistent]: status === TaskSimplifiedStatus.NonExistent,
|
[style.taskStatusNonExistent]: status === TaskSimplifiedStatus.NonExistent,
|
||||||
[style.taskStatusUnfinished]: status === TaskSimplifiedStatus.Unfinished,
|
[style.taskStatusUnfinished]: status === TaskSimplifiedStatus.Unfinished,
|
||||||
|
|
|
@ -36,7 +36,7 @@ const SORTING_MODE_TO_SORTING_FUNCTION = {
|
||||||
return TASK_IMPORTANCE_TO_VALUE[a[1].importance] - TASK_IMPORTANCE_TO_VALUE[b[1].importance]
|
return TASK_IMPORTANCE_TO_VALUE[a[1].importance] - TASK_IMPORTANCE_TO_VALUE[b[1].importance]
|
||||||
},
|
},
|
||||||
[SortingMode.ByDeadline]: function sortTasksByPriority(a: TaskWithId, b: TaskWithId) {
|
[SortingMode.ByDeadline]: function sortTasksByPriority(a: TaskWithId, b: TaskWithId) {
|
||||||
return (a[1].deadline ?? -1) - (b[1].deadline ?? -1)
|
return (b[1].deadline ?? -1) - (a[1].deadline ?? -1)
|
||||||
},
|
},
|
||||||
[SortingMode.ByStatus]: function sortTasksByStatus(a: TaskWithId, b: TaskWithId) {
|
[SortingMode.ByStatus]: function sortTasksByStatus(a: TaskWithId, b: TaskWithId) {
|
||||||
if(a[1].journaled_on && !b[1].journaled_on) return 1;
|
if(a[1].journaled_on && !b[1].journaled_on) return 1;
|
||||||
|
|
Loading…
Reference in a new issue