From 0510303c7cee82a0395edf0475f1aa0db9227e2b Mon Sep 17 00:00:00 2001 From: fantasticit Date: Fri, 3 Jun 2022 14:17:00 +0800 Subject: [PATCH] tiptap: fix title placeholer style --- packages/client/src/tiptap/core/styles/title.scss | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/packages/client/src/tiptap/core/styles/title.scss b/packages/client/src/tiptap/core/styles/title.scss index 35a2c2f2..747a7483 100644 --- a/packages/client/src/tiptap/core/styles/title.scss +++ b/packages/client/src/tiptap/core/styles/title.scss @@ -1,17 +1,20 @@ .ProseMirror { - .title { + .node-title { + position: relative; margin: 12px 0 24px; font-size: 2.5em; font-weight: bold; color: var(--semi-color-text-0); border-bottom: 1px solid var(--semi-color-border); - &.is-empty::before { - float: left; + &::before { + position: absolute; + bottom: 0; height: 0; color: #aaa; pointer-events: none; content: attr(data-placeholder); + transform: translateY(-1.7em); } } }