Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-10 15:49:29 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Improve task list alignment and nesting behavior

Browse Source 
- 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
This commit is contained in:
suyao 2025-10-29 02:42:01 +08:00
parent 24563b524c
commit 1067e6fd85
No known key found for this signature in database
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/renderer/src/assets/styles/richtext.css
View File

@ -445,13 +445,14 @@
} }
.tiptap ul[data-type='taskList'] li { .tiptap ul[data-type='taskList'] li {
align-items: flex-start; align-items: center;
display: flex; display: flex;
} }
.tiptap ul[data-type='taskList'] li > label { .tiptap ul[data-type='taskList'] li > label {
flex: 0 0 auto; flex: 0 0 auto;
margin-right: 0.5rem; margin-right: 0.5rem;
margin-top: 0.35rem;
user-select: none; user-select: none;
display: flex; display: flex;
align-items: center; align-items: center;
@ -461,6 +462,15 @@
flex: 1 1 auto; 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 { .tiptap ul[data-type='taskList'] li > div p {
margin: 0; margin: 0;
} }