diff --git a/src/lib/components/edra/editor.css b/src/lib/components/edra/editor.css index e0fb323..76925c6 100644 --- a/src/lib/components/edra/editor.css +++ b/src/lib/components/edra/editor.css @@ -25,15 +25,37 @@ padding-left: 2rem; padding-right: 2rem; } + + .tiptap p.is-empty::before { + padding-left: 2rem; + margin-left: -2rem; + } } /* For Placeholder */ -.tiptap .is-empty::before { +.tiptap p.is-empty::before { pointer-events: none; float: left; height: 0; color: var(--border-color-hover); content: attr(data-placeholder); + padding-left: 2.25rem; + margin-left: -2.25rem; +} + +.tiptap h1.is-empty::before, +.tiptap h2.is-empty::before, +.tiptap h3.is-empty::before, +.tiptap h4.is-empty::before, +.tiptap h5.is-empty::before, +.tiptap h6.is-empty::before { + pointer-events: none; + float: left; + height: 0; + color: var(--border-color-hover); + content: attr(data-placeholder); + padding-left: 2.25rem; + margin-left: -2.25rem; } /* Heading Styles */ @@ -77,6 +99,16 @@ padding-left: 2rem; padding-right: 2rem; } + + .tiptap h1.is-empty::before, + .tiptap h2.is-empty::before, + .tiptap h3.is-empty::before, + .tiptap h4.is-empty::before, + .tiptap h5.is-empty::before, + .tiptap h6.is-empty::before { + padding-left: 2rem; + margin-left: -2rem; + } } .tiptap h1 {