|
|
@@ -281,10 +281,8 @@ function TodoList(props: { todos: Todo[]; open: boolean }) {
|
|
|
style={{
|
|
|
"--checkbox-align": "flex-start",
|
|
|
"--checkbox-offset": "1px",
|
|
|
- transition:
|
|
|
- "opacity 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)), filter 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1))",
|
|
|
+ transition: "opacity 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1))",
|
|
|
opacity: todo().status === "pending" ? "0.94" : "1",
|
|
|
- filter: todo().status === "pending" ? "blur(0.3px)" : "blur(0px)",
|
|
|
}}
|
|
|
>
|
|
|
<TextStrikethrough
|
|
|
@@ -294,13 +292,12 @@ function TodoList(props: { todos: Todo[]; open: boolean }) {
|
|
|
style={{
|
|
|
"line-height": "var(--line-height-normal)",
|
|
|
transition:
|
|
|
- "color 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)), opacity 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)), filter 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1))",
|
|
|
+ "color 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)), opacity 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1))",
|
|
|
color:
|
|
|
todo().status === "completed" || todo().status === "cancelled"
|
|
|
? "var(--text-weak)"
|
|
|
: "var(--text-strong)",
|
|
|
opacity: todo().status === "pending" ? "0.92" : "1",
|
|
|
- filter: todo().status === "pending" ? "blur(0.3px)" : "blur(0px)",
|
|
|
}}
|
|
|
/>
|
|
|
</Checkbox>
|