From 1067e6fd8539c6367f8286c36635b84ece04b880 Mon Sep 17 00:00:00 2001
From: suyao <sy20010504@gmail.com>
Date: Wed, 29 Oct 2025 02:42:01 +0800
Subject: [PATCH] Improve task list alignment and nesting behavior

- Change task list items from `align-items: flex-start` to `align-items: center` for better vertical alignment
- Add `margin-top: 0.35rem` to task list labels for consistent spacing
- Add special handling for nested task lists to maintain proper alignment with first line of text
---
 src/renderer/src/assets/styles/richtext.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/assets/styles/richtext.css b/src/renderer/src/assets/styles/richtext.css
index 7c47d514a3..a1642ddc61 100644
--- a/src/renderer/src/assets/styles/richtext.css
+++ b/src/renderer/src/assets/styles/richtext.css
@@ -445,13 +445,14 @@
 }
 
 .tiptap ul[data-type='taskList'] li {
-  align-items: flex-start;
+  align-items: center;
   display: flex;
 }
 
 .tiptap ul[data-type='taskList'] li > label {
   flex: 0 0 auto;
   margin-right: 0.5rem;
+  margin-top: 0.35rem;
   user-select: none;
   display: flex;
   align-items: center;
@@ -461,6 +462,15 @@
   flex: 1 1 auto;
 }
 
+/* For nested task lists, align label with first line of text */
+.tiptap ul[data-type='taskList'] li:has(ul[data-type='taskList']) {
+  align-items: flex-start;
+}
+
+.tiptap ul[data-type='taskList'] li:has(ul[data-type='taskList']) > label {
+  margin-top: 0.35rem;
+}
+
 .tiptap ul[data-type='taskList'] li > div p {
   margin: 0;
 }