From 4e962434073917f63d5cb6e77ad982e094320391 Mon Sep 17 00:00:00 2001
From: xfy <i@rua.plus>
Date: Thu, 2 Jul 2026 14:38:59 +0800
Subject: [PATCH] =?UTF-8?q?style(editor):=20=E4=BB=BB=E5=8A=A1=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=20checkbox=20=E4=B8=8E=E6=96=87=E6=9C=AC=E5=9E=82?=
 =?UTF-8?q?=E7=9B=B4=E4=B8=AD=E7=BA=BF=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

与前台 input.css 同步,编辑器内 task list 同样改为 align-items: center。

- li: flex-start → center,实现真正的中线对齐
- label: 去掉 margin-top: 0.3em(center 已处理)
- 新增 li > div > p { margin: 0 }:task list 项内段落清掉默认 .6em 0
  上下 margin,否则 margin 撑高 div 导致 checkbox 与文本错位、项间距过大
---
 libs/tiptap-editor/src/style.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/libs/tiptap-editor/src/style.css b/libs/tiptap-editor/src/style.css
index fdebcc8..65821a2 100644
--- a/libs/tiptap-editor/src/style.css
+++ b/libs/tiptap-editor/src/style.css
@@ -330,14 +330,13 @@
 
 .tiptap-editor ul[data-type="taskList"] li {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   gap: 0.5em;
   margin: 0.3em 0;
 }
 
 .tiptap-editor ul[data-type="taskList"] li > label {
   flex-shrink: 0;
-  margin-top: 0.3em;
   cursor: pointer;
   user-select: none;
 }
@@ -353,6 +352,12 @@
   flex: 1;
 }
 
+/* task list 项内的段落去掉上下 margin（.tiptap-editor p 默认 .6em 0），
+   否则 margin 会撑高 div，使 checkbox 与文本垂直中线错位、项间距过大。 */
+.tiptap-editor ul[data-type="taskList"] li > div > p {
+  margin: 0;
+}
+
 .tiptap-editor ul[data-type="taskList"] li[data-checked="true"] > div {
   text-decoration: line-through;
   opacity: 0.6;