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;