@harbour-enterprises/superdoc 1.0.0-alpha.25 → 1.0.0-alpha.27

package/dist/style.css

@@ -16773,9 +16773,23 @@ body {
   min-height: 100%;
   display: flex;
   margin: 0;
+  padding: 0;
+}
+.super-editor .ProseMirror {
+  min-height: 400px;
+  border: 1px solid #999;
+  border-radius: 8px;
+  white-space: pre-wrap;
+  color: black !important;
   padding: 20px;
-  position: relative;
-  overflow: hidden;
+  width: 600px;
+  outline: none;
+  height: fit-content;
+}
+.super-editor .ProseMirror > * {
+  color: black;
+  font-family: 'Arial', sans-serif;
+  font-size: 12px !important;
 }
 @media (max-width: 768px) {
 
@@ -19052,7 +19066,7 @@ body {
   border:2px solid transparent;
 }
 .superdoc-viewer{
-
+  
   position: relative;
   display: flex;
   flex-direction: column;
@@ -19071,19 +19085,22 @@ body {
     mix-blend-mode: difference;
 }
 
-.comment-doc[data-v-73492d6f] {
+.comment-doc[data-v-df7ef0d6] {
   position: relative;
 }
-.comments-layer[data-v-73492d6f] {
+.comments-layer[data-v-df7ef0d6] {
   position: relative;
 }
-.comment-anchor[data-v-73492d6f] {
+.comment-anchor[data-v-df7ef0d6] {
   position: absolute;
   cursor: pointer;
   z-index: 3;
   border-radius: 4px;
   transition: background-color 250ms ease;
 }
+.comments-container[data-v-df7ef0d6] {
+  /* pointer-events: none;  */
+}
 
 .ProseMirror {
   height: 800px;
@@ -19133,7 +19150,7 @@ span[data-v-36fffb56] {
 }
 
 
-.comments-dialog[data-v-e7a86897] {
+.comments-dialog[data-v-01544401] {
   position: absolute;
   display: flex;
   flex-direction: column;
@@ -19146,14 +19163,14 @@ span[data-v-36fffb56] {
   box-shadow: 0px 0px 1px 1px rgba(50, 50, 50, 0.15);
   z-index: 5;
 }
-.is-active[data-v-e7a86897] {
+.is-active[data-v-01544401] {
   z-index: 10;
 }
-.overflow-menu[data-v-e7a86897] {
+.overflow-menu[data-v-01544401] {
   flex-shrink: 1;
   display: flex;
 }
-.overflow-menu i[data-v-e7a86897] {
+.overflow-menu i[data-v-01544401] {
   width: 20px;
   height: 20px;
   display: flex;
@@ -19165,69 +19182,69 @@ span[data-v-36fffb56] {
   margin-left: 2px;
   cursor: pointer;
 }
-.overflow-menu i[data-v-e7a86897]:hover {
+.overflow-menu i[data-v-01544401]:hover {
   background-color: #DBDBDB;
 }
-.comment-entry[data-v-e7a86897] {
+.comment-entry[data-v-01544401] {
   flex-grow: 1;
   margin: 5px 0;
 }
-.comment-entry input[data-v-e7a86897] {
+.comment-entry input[data-v-01544401] {
   border-radius: 12px;
   padding: 6px 10px;
   outline: none;
   border: 1px solid #DBDBDB;
   width: 100%;
 }
-.comment-header[data-v-e7a86897] {
+.comment-header[data-v-01544401] {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.comment-header-left[data-v-e7a86897] {
+.comment-header-left[data-v-01544401] {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.avatar[data-v-e7a86897] {
+.avatar[data-v-01544401] {
   margin-right: 10px;
 }
-.user-info[data-v-e7a86897] {
+.user-info[data-v-01544401] {
   display: flex;
   flex-direction: column;
   font-size: 12px;
 }
-.user-name[data-v-e7a86897] {
+.user-name[data-v-01544401] {
   font-weight: 600;
   line-height: 1.2em;
 }
-.user-timestamp[data-v-e7a86897] {
+.user-timestamp[data-v-01544401] {
   line-height: 1.2em;
   font-size: 12px;
   color: #999;
 }
-.sd-button[data-v-e7a86897] {
+.sd-button[data-v-01544401] {
   margin-right: 5px;
   font-size: 12px;
 }
-.comment[data-v-e7a86897] {
+.comment[data-v-01544401] {
   font-size: 14px;
   margin: 5px 0;
 }
-.conversation-item[data-v-e7a86897] {
+.conversation-item[data-v-01544401] {
   border-bottom: 1px solid #DBDBDB;
   padding-bottom: 10px;
 }
-.comment-footer[data-v-e7a86897] {
+.comment-footer[data-v-01544401] {
   margin: 5px 0;
 }
 
-.section-wrapper[data-v-6cfcb7d7] {
+.section-wrapper[data-v-2284c669] {
   position: relative;
   min-height: 100%;
   width: 300px;
 }
-.floating-comment[data-v-6cfcb7d7] {
+.floating-comment[data-v-2284c669] {
   position: absolute;
   min-width: 300px;
 }
@@ -19277,55 +19294,62 @@ img[data-v-47d1dee5] {
 }
 
 /* Right sidebar drawer */
-.right-sidebar[data-v-e89145d7] {
+.right-sidebar[data-v-16f7efdd] {
   width: 320px;
   padding: 0 10px;
   min-height: 100%;
   position: relative;
 }
+.docx-editor[data-v-16f7efdd] {
+  margin-bottom: 20px;
+  min-width: 600px;
+}
 
 /* General Styles */
-.box-sizing[data-v-e89145d7], .layers[data-v-e89145d7] {
+.box-sizing[data-v-16f7efdd], .layers[data-v-16f7efdd] {
   box-sizing: border-box;
 }
-.cursor-pointer[data-v-e89145d7], .tools i[data-v-e89145d7], .toolbar-item[data-v-e89145d7] {
+.cursor-pointer[data-v-16f7efdd], .tools i[data-v-16f7efdd], .toolbar-item[data-v-16f7efdd] {
   cursor: pointer;
 }
-.flex[data-v-e89145d7] {
+.flex[data-v-16f7efdd] {
   display: flex;
 }
-.flex-column[data-v-e89145d7] {
+.flex-column[data-v-16f7efdd] {
   flex-direction: column;
 }
-.flex-center[data-v-e89145d7] {
+.flex-center[data-v-16f7efdd] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 /* Layer Styles */
-.comments-layer[data-v-e89145d7] {
+.comments-layer[data-v-16f7efdd] {
   position: absolute;
   top: 0;
   height: 100%;
 }
+.layers[data-v-16f7efdd] {
+  position: relative;
+}
 
 /* Document Styles */
-.docx[data-v-e89145d7] {
+.docx[data-v-16f7efdd] {
   border: 1px solid #DFDFDF;
   pointer-events: auto;
 }
-.sub-document[data-v-e89145d7] {
+.sub-document[data-v-16f7efdd] {
   position: relative;
 }
 
 /* Toolbar Styles */
-.toolbar[data-v-e89145d7] {
+.toolbar[data-v-16f7efdd] {
   height: 25px;
   background-color: #fff;
   margin-bottom: 5px;
 }
-.toolbar-item[data-v-e89145d7] {
+.toolbar-item[data-v-16f7efdd] {
   width: 20px;
   height: 20px;
   border-radius: 8px;
@@ -19337,12 +19361,12 @@ img[data-v-47d1dee5] {
   justify-content: center;
   transition: all 250ms ease;
 }
-.toolbar-item[data-v-e89145d7]:hover {
+.toolbar-item[data-v-16f7efdd]:hover {
   background-color: #DBDBDB;
 }
 
 /* Tools Styles */
-.tools[data-v-e89145d7] {
+.tools[data-v-16f7efdd] {
   position: absolute;
   width: 50px;
   height: 50px;
@@ -19353,28 +19377,19 @@ img[data-v-47d1dee5] {
   align-items: center;
   justify-content: center;
 }
-.tools i[data-v-e89145d7] {
+.tools i[data-v-16f7efdd] {
   font-size: 20px;
   border-radius: 12px;
   border: none;
   outline: none;
   background-color: #DBDBDB;
 }
-.layers[data-v-e89145d7] {
-  position: relative;
-  height: 100%;
-  width: 100%;
-  overflow: auto;
-}
-.document[data-v-e89145d7] {
-  position: relative;
-}
 @media (max-width: 768px) {
-.sub-document[data-v-e89145d7] {
+.sub-document[data-v-16f7efdd] {
     max-width: 100%;
     overflow: hidden;
 }
-.right-sidebar[data-v-e89145d7] {
+.right-sidebar[data-v-16f7efdd] {
     padding: 10px;
     width: 55px;
     position: relative;