From 0f779191a89351fe6d53ba70082d68e4c69d5379 Mon Sep 17 00:00:00 2001 From: Aaryan Khandelwal Date: Thu, 28 Nov 2024 16:24:18 +0530 Subject: [PATCH] fix: checked colored todo list item --- packages/editor/src/styles/editor.css | 23 ++++++++++++++++++----- 1 file changed, 18 insertions(+), 5 deletions(-) diff --git a/packages/editor/src/styles/editor.css b/packages/editor/src/styles/editor.css index fff3b533e8d..8c2210600b3 100644 --- a/packages/editor/src/styles/editor.css +++ b/packages/editor/src/styles/editor.css @@ -179,13 +179,26 @@ ul[data-type="taskList"] li > label input[type="checkbox"] { } } -ul[data-type="taskList"] li > div > p { - margin-top: 10px; +ul[data-type="taskList"] li > div { + & > p { + margin-top: 10px; + transition: color 0.2s ease; + } + + [data-text-color] { + transition: opacity 0.2s ease; + } } -ul[data-type="taskList"] li[data-checked="true"] > div > p { - color: rgb(var(--color-text-400)); - transition: color 0.2s ease; +ul[data-type="taskList"] li[data-checked="true"] { + & > div > p { + color: rgb(var(--color-text-400)); + } + + [data-text-color] { + opacity: 0.6; + transition: opacity 0.2s ease; + } } /* end to-do list */