@harbour-enterprises/superdoc 1.0.0-alpha.50 → 1.0.0-alpha.51

package/dist/style.css

@@ -167,6 +167,38 @@ body {
 .input-active {
   border: 1px solid #1355FF !important;
 }
+
+
+/* Collaboration cursors */
+.ProseMirror > .ProseMirror-yjs-cursor:first-child {
+  margin-top: 16px;
+}
+.ProseMirror-yjs-cursor {
+  position: relative;
+  margin-left: -1px;
+  margin-right: -1px;
+  border-left: 1px solid black;
+  border-right: 1px solid black;
+  border-color: orange;
+  word-break: normal;
+  pointer-events: none;
+}
+.ProseMirror-yjs-cursor > div {
+  position: absolute;
+  top: -1.05em;
+  left: -1px;
+  font-size: 13px;
+  background-color: rgb(250, 129, 0);
+  font-family: serif;
+  font-style: normal;
+  font-weight: normal;
+  line-height: normal;
+  user-select: none;
+  color: white;
+  padding-left: 2px;
+  padding-right: 2px;
+  white-space: nowrap;
+}
 .option-grid-ctn[data-v-d7e1f60b] {
   display: flex;
   flex-direction: column;
@@ -604,7 +636,7 @@ body {
   width: 200px;
 }
 .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
-.super-editor[data-v-d7996dc3] {
+.super-editor[data-v-eb75c71f] {
   position: relative;
 }
 
@@ -19050,62 +19082,62 @@ img[data-v-47d1dee5] {
 }
 
 /* Right sidebar drawer */
-.right-sidebar[data-v-aaf23f4b] {
+.right-sidebar[data-v-1dad5771] {
   width: 320px;
   padding: 0 10px;
   min-height: 100%;
   position: relative;
   z-index: 100;
 }
-.fa-tool-icon[data-v-aaf23f4b] {
+.fa-tool-icon[data-v-1dad5771] {
   cursor: pointer;
 }
 
 /* General Styles */
-.box-sizing[data-v-aaf23f4b], .layers[data-v-aaf23f4b] {
+.box-sizing[data-v-1dad5771], .layers[data-v-1dad5771] {
   box-sizing: border-box;
 }
-.cursor-pointer[data-v-aaf23f4b], .tools .tool-icon[data-v-aaf23f4b], .toolbar-item[data-v-aaf23f4b] {
+.cursor-pointer[data-v-1dad5771], .tools .tool-icon[data-v-1dad5771], .toolbar-item[data-v-1dad5771] {
   cursor: pointer;
 }
-.flex[data-v-aaf23f4b] {
+.flex[data-v-1dad5771] {
   display: flex;
 }
-.flex-column[data-v-aaf23f4b] {
+.flex-column[data-v-1dad5771] {
   flex-direction: column;
 }
-.flex-center[data-v-aaf23f4b] {
+.flex-center[data-v-1dad5771] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 /* Layer Styles */
-.comments-layer[data-v-aaf23f4b] {
+.comments-layer[data-v-1dad5771] {
   position: absolute;
   top: 0;
   height: 100%;
 }
-.layers[data-v-aaf23f4b] {
+.layers[data-v-1dad5771] {
   position: relative;
 }
 
 /* Document Styles */
-.docx[data-v-aaf23f4b] {
+.docx[data-v-1dad5771] {
   border: 1px solid #DFDFDF;
   pointer-events: auto;
 }
-.sub-document[data-v-aaf23f4b] {
+.sub-document[data-v-1dad5771] {
   position: relative;
 }
 
 /* Toolbar Styles */
-.toolbar[data-v-aaf23f4b] {
+.toolbar[data-v-1dad5771] {
   height: 25px;
   background-color: #fff;
   margin-bottom: 5px;
 }
-.toolbar-item[data-v-aaf23f4b] {
+.toolbar-item[data-v-1dad5771] {
   width: 20px;
   height: 20px;
   border-radius: 8px;
@@ -19117,12 +19149,12 @@ img[data-v-47d1dee5] {
   justify-content: center;
   transition: all 250ms ease;
 }
-.toolbar-item[data-v-aaf23f4b]:hover {
+.toolbar-item[data-v-1dad5771]:hover {
   background-color: #DBDBDB;
 }
 
 /* Tools Styles */
-.tools[data-v-aaf23f4b] {
+.tools[data-v-1dad5771] {
   position: absolute;
   width: 50px;
   height: 50px;
@@ -19133,7 +19165,7 @@ img[data-v-47d1dee5] {
   align-items: center;
   justify-content: center;
 }
-.tools .tool-icon[data-v-aaf23f4b] {
+.tools .tool-icon[data-v-1dad5771] {
   font-size: 20px;
   border-radius: 12px;
   border: none;
@@ -19141,11 +19173,11 @@ img[data-v-47d1dee5] {
   background-color: #DBDBDB;
 }
 @media (max-width: 768px) {
-.sub-document[data-v-aaf23f4b] {
+.sub-document[data-v-1dad5771] {
     max-width: 100%;
     overflow: hidden;
 }
-.right-sidebar[data-v-aaf23f4b] {
+.right-sidebar[data-v-1dad5771] {
     padding: 10px;
     width: 55px;
     position: relative;