diff --git a/packages/core/src/editor/editor.css b/packages/core/src/editor/editor.css index adc9155fbc..0f5c486337 100644 --- a/packages/core/src/editor/editor.css +++ b/packages/core/src/editor/editor.css @@ -86,11 +86,11 @@ Tippy popups that are appended to document.body directly opacity: 0.001; } -.bn-editor .collaboration-cursor__base { +.bn-editor .bn-collaboration-cursor__base { position: relative; } -.bn-editor .collaboration-cursor__base .collaboration-cursor__caret { +.bn-editor .bn-collaboration-cursor__base .bn-collaboration-cursor__caret { position: absolute; width: 2px; top: 1px; @@ -98,7 +98,7 @@ Tippy popups that are appended to document.body directly left: -1px; } -.bn-editor .collaboration-cursor__base .collaboration-cursor__label { +.bn-editor .bn-collaboration-cursor__base .bn-collaboration-cursor__label { pointer-events: none; border-radius: 0 1.5px 1.5px 0; font-size: 12px; @@ -120,8 +120,8 @@ Tippy popups that are appended to document.body directly } .bn-editor - .collaboration-cursor__base[data-active] - .collaboration-cursor__label { + .bn-collaboration-cursor__base[data-active] + .bn-collaboration-cursor__label { color: #0d0d0d; max-height: 1.1rem; max-width: 20rem; diff --git a/packages/core/src/extensions/Collaboration/createCollaborationExtensions.ts b/packages/core/src/extensions/Collaboration/createCollaborationExtensions.ts index d3d37a0fc2..f58c26c9f6 100644 --- a/packages/core/src/extensions/Collaboration/createCollaborationExtensions.ts +++ b/packages/core/src/extensions/Collaboration/createCollaborationExtensions.ts @@ -65,16 +65,16 @@ export const createCollaborationExtensions = (collaboration: { const renderCursor = (user: { name: string; color: string }) => { const cursorElement = document.createElement("span"); - cursorElement.classList.add("collaboration-cursor__base"); + cursorElement.classList.add("bn-collaboration-cursor__base"); const caretElement = document.createElement("span"); caretElement.setAttribute("contentedEditable", "false"); - caretElement.classList.add("collaboration-cursor__caret"); + caretElement.classList.add("bn-collaboration-cursor__caret"); caretElement.setAttribute("style", `background-color: ${user.color}`); const labelElement = document.createElement("span"); - labelElement.classList.add("collaboration-cursor__label"); + labelElement.classList.add("bn-collaboration-cursor__label"); labelElement.setAttribute("style", `background-color: ${user.color}`); labelElement.insertBefore(document.createTextNode(user.name), null);