diff options
author | Sébastien Dailly <sebastien@chimrod.com> | 2021-03-21 20:24:15 +0100 |
---|---|---|
committer | Sébastien Dailly <sebastien@dailly.me> | 2022-02-07 16:43:33 +0100 |
commit | 210a4d94836d07bb71cad46b3e670c1977cfe833 (patch) | |
tree | 406de4546a3530416a5672a16561fbd2b9bd627e /editor/editor.css | |
parent | ccd68208146e87b9f185f543aadccc1110e72642 (diff) |
Updated PM examples
Diffstat (limited to 'editor/editor.css')
-rw-r--r-- | editor/editor.css | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/editor/editor.css b/editor/editor.css index c8c2aeb..75d9495 100644 --- a/editor/editor.css +++ b/editor/editor.css @@ -392,3 +392,43 @@ li.ProseMirror-selectednode:after { left: 0; top: 24px; } + + + .ProseMirror { + counter-reset: prosemirror-footnote; + } + footnote { + display: inline-block; + position: relative; + cursor: pointer; + } + footnote::after { + content: counter(prosemirror-footnote); + vertical-align: super; + font-size: 75%; + counter-increment: prosemirror-footnote; + } + .ProseMirror-hideselection .footnote-tooltip *::selection { background-color: transparent; } + .ProseMirror-hideselection .footnote-tooltip *::-moz-selection { background-color: transparent; } + .footnote-tooltip { + cursor: auto; + position: absolute; + left: -30px; + top: calc(100% + 10px); + background: silver; + padding: 3px; + border-radius: 2px; + width: 500px; + } + .footnote-tooltip::before { + border: 5px solid silver; + border-top-width: 0px; + border-left-color: transparent; + border-right-color: transparent; + position: absolute; + top: -5px; + left: 27px; + content: " "; + height: 0; + width: 0; + } |