From 3f5e3dd53755dd67c24721afc62e32d2187e3583 Mon Sep 17 00:00:00 2001 From: Sébastien Dailly Date: Wed, 24 Feb 2021 20:51:43 +0100 Subject: Update editor code --- editor/editor.css | 52 ++++++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 42 insertions(+), 10 deletions(-) (limited to 'editor/editor.css') diff --git a/editor/editor.css b/editor/editor.css index fb58773..c8c2aeb 100644 --- a/editor/editor.css +++ b/editor/editor.css @@ -325,38 +325,70 @@ li.ProseMirror-selectednode:after { .ProseMirror p { margin-bottom: 1em } -.editor em::before, .editor em::after { +.editor [contenteditable="true"] em::before, .editor [contenteditable="true"] em::after { content: "//" } -.editor blockquote p::before { +.editor [contenteditable="true"] blockquote p::before { content: "> " } -.editor strong::before, .editor strong::after { - content: "**" +.editor [contenteditable="true"] strong::before, .editor [contenteditable="true"] strong::after { + content: "**"; + display: inline-block; + pointer-events: none; } -.editor h1::before { +.editor [contenteditable="true"] h1::before { content: "# " } -.editor h2::before { +.editor [contenteditable="true"] h2::before { content: "## " } -.editor h3::before { +.editor [contenteditable="true"] h3::before { content: "### " } -.editor h4::before { +.editor [contenteditable="true"] h4::before { content: "#### " } -.editor h5::before { +.editor [contenteditable="true"] h5::before { content: "##### " } -.editor h6::before { +.editor [contenteditable="true"] h6::before { content: "###### " } + +#title { + font-size:2.4em; + font-weight:300; + line-height:1.1; + font-family:Source Sans Pro,Roboto,Open Sans,Liberation Sans,DejaVu Sans,Verdana,Helvetica,Arial,sans-serif; + width:100%; + +} + +.editor a[href] { + position: relative; +} +.tooltip, .editor a[href]:hover::after { + position: absolute; + border: 1px #3b4252 solid; + border-radius: 10px; + background-color: #2e3440; + padding: 12px; + color: #eceff4; + font-size: 14px; + z-index: 99; + pointer-events: none; +} + +.editor a[href]:hover::after { + content: attr(href); + left: 0; + top: 24px; +} -- cgit v1.2.3