ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

add render function to the collaboration cursor

Browse Source
This commit is contained in:
Hans Pagel
2020-09-26 11:20:19 +02:00
parent 6190380e75
commit 80d5c54cb7
2 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/src/demos/Examples/Collaboration/style.scss
View File

@@ -1,12 +1,12 @@
/* this is a rough fix for the first cursor position when the first paragraph is empty */
.ProseMirror > .ProseMirror-yjs-cursor:first-child {
.ProseMirror > .collaboration-cursor:first-child {
margin-top: 16px;
}
.ProseMirror p:first-child, .ProseMirror h1:first-child, .ProseMirror h2:first-child, .ProseMirror h3:first-child, .ProseMirror h4:first-child, .ProseMirror h5:first-child, .ProseMirror h6:first-child {
margin-top: 16px
}
/* This gives the remote user caret. The colors are automatically overwritten*/
.ProseMirror-yjs-cursor {
.collaboration-cursor {
position: relative;
margin-left: -1px;
margin-right: -1px;
@@ -16,7 +16,7 @@
pointer-events: none;
}
/* This renders the username above the caret */
.ProseMirror-yjs-cursor > div {
.collaboration-cursor > div {
position: absolute;
top: -1.05em;
left: -1px;