From 7e88278da48e435ce3058e4ee37188f1f0ca0344 Mon Sep 17 00:00:00 2001 From: Tillingxianyu Date: Tue, 26 May 2026 10:56:26 +0800 Subject: [PATCH] Avoid native line-through on task titles --- styles.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 2fa1e18..cc6ae27 100644 --- a/styles.css +++ b/styles.css @@ -101,15 +101,26 @@ body { } .task-item.done .task-title { - text-decoration: line-through; color: var(--done); } .task-title { flex: 1; + position: relative; word-break: break-word; } +.task-item.done .task-title::after { + content: ""; + position: absolute; + left: 0; + right: 0; + top: 50%; + border-top: 0.1em solid currentColor; + opacity: 0.75; + pointer-events: none; +} + .task-delete { appearance: none; background: transparent;