@harbour-enterprises/superdoc 1.0.0-alpha.16 → 1.0.0-alpha.24

package/dist/style.css

@@ -16751,20 +16751,8 @@ body {
 }
 .sd-highlight {
   position: absolute;
-  border-radius: 33px;
-  background-color: #DDAF0955;
-  mix-blend-mode: multiply;
-  transition: background-color 250ms ease;
-}
-.sd-initial-highlight {
-  background-color: #1355ff7F;
-}
-.sd-highlight:hover {
-  background-color: #DDAF0999;
-}
-.sd-highlight-active {
-  background-color: #1355ff7F;
-  cursor: pointer;
+  border-radius: px;
+  background-color: #FFD70044;
 }
 .comment-box {
   width: 300px;
@@ -16772,12 +16760,8 @@ body {
 .superdoc {
   min-height: 100%;
   display: flex;
-  margin: 0;
-  padding: 0;
 }
-@media (max-width: 768px) {
 
-}
 /* Copyright 2014 Mozilla Foundation
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -19052,38 +19036,37 @@ body {
 .superdoc-viewer{
   
   position: relative;
-  display: flex;
-  flex-direction: column;
 }
 .superdoc-viewer .pdf-page {
-    border: 1px solid #DFDFDF;
-    margin: 0 0 20px 0;
     position: relative;
+    border: 1px solid #DFDFDF;
+    margin-bottom: var(--page-spacing);
+    width: fit-content;
 }
 .superdoc-viewer .textLayer {
     z-index: 2;
-    position: absolute;
-}
-.superdoc-viewer .textLayer ::selection {
-    background-color: #1355ff66;
-    mix-blend-mode: difference;
 }
 
-.comment-doc[data-v-df7ef0d6] {
+.comment-doc[data-v-ddeee1a6] {
+  background-color: red;
   position: relative;
 }
-.comments-layer[data-v-df7ef0d6] {
+.comments-layer[data-v-ddeee1a6] {
   position: relative;
 }
-.comment-anchor[data-v-df7ef0d6] {
+.comment-anchor[data-v-ddeee1a6] {
   position: absolute;
   cursor: pointer;
   z-index: 3;
   border-radius: 4px;
   transition: background-color 250ms ease;
+  pointer-events: auto;
 }
-.comments-container[data-v-df7ef0d6] {
-  /* pointer-events: none;  */
+.comment-anchor[data-v-ddeee1a6]:hover {
+  background-color: #FFD70099;
+}
+.comments-container[data-v-ddeee1a6] {
+  pointer-events: none;
 }
 
 .ProseMirror {
@@ -19134,27 +19117,25 @@ span[data-v-36fffb56] {
 }
 
 
-.comments-dialog[data-v-01544401] {
+.comments-dialog[data-v-4946bb71] {
   position: absolute;
   display: flex;
   flex-direction: column;
-  padding: 12px;
+  position: absolute;
+  padding: 16px;
   border-radius: 12px;
   background-color: #EDEDED;
   transition: background-color 250ms ease;
-  -webkit-box-shadow: 0px 0px 1px 1px rgba(50, 50, 50, 0.15);
-  -moz-box-shadow: 0px 0px 1px 1px rgba(50, 50, 50, 0.15);
-  box-shadow: 0px 0px 1px 1px rgba(50, 50, 50, 0.15);
+  -webkit-box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.15);
+  -moz-box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.15);
+  box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.15);
   z-index: 5;
 }
-.is-active[data-v-01544401] {
-  z-index: 10;
-}
-.overflow-menu[data-v-01544401] {
+.overflow-menu[data-v-4946bb71] {
   flex-shrink: 1;
   display: flex;
 }
-.overflow-menu i[data-v-01544401] {
+.overflow-menu i[data-v-4946bb71] {
   width: 20px;
   height: 20px;
   display: flex;
@@ -19166,85 +19147,118 @@ span[data-v-36fffb56] {
   margin-left: 2px;
   cursor: pointer;
 }
-.overflow-menu i[data-v-01544401]:hover {
+.overflow-menu i[data-v-4946bb71]:hover {
   background-color: #DBDBDB;
 }
-.comment-entry[data-v-01544401] {
-  flex-grow: 1;
+.card-section[data-v-4946bb71] {
   margin: 5px 0;
 }
-.comment-entry input[data-v-01544401] {
+.comment-entry[data-v-4946bb71] {
+  flex-grow: 1;
+}
+.comment-entry input[data-v-4946bb71] {
   border-radius: 12px;
-  padding: 6px 10px;
+  padding: 10px 14px;
   outline: none;
   border: 1px solid #DBDBDB;
   width: 100%;
 }
-.comment-header[data-v-01544401] {
+.comment-header[data-v-4946bb71] {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.comment-header-left[data-v-01544401] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.avatar[data-v-01544401] {
+.avatar[data-v-4946bb71] {
   margin-right: 10px;
 }
-.user-info[data-v-01544401] {
+.user-info[data-v-4946bb71] {
   display: flex;
   flex-direction: column;
   font-size: 12px;
 }
-.user-name[data-v-01544401] {
+.user-name[data-v-4946bb71] {
   font-weight: 600;
-  line-height: 1.2em;
 }
-.user-timestamp[data-v-01544401] {
-  line-height: 1.2em;
+.user-timestamp[data-v-4946bb71] {
   font-size: 12px;
   color: #999;
 }
-.sd-button[data-v-01544401] {
+.sd-button[data-v-4946bb71] {
   margin-right: 5px;
-  font-size: 12px;
 }
-.comment[data-v-01544401] {
+.comment[data-v-4946bb71] {
   font-size: 14px;
-  margin: 5px 0;
+  margin: 10px 0;
 }
-.conversation-item[data-v-01544401] {
+.conversation-item[data-v-4946bb71] {
   border-bottom: 1px solid #DBDBDB;
   padding-bottom: 10px;
 }
-.comment-footer[data-v-01544401] {
-  margin: 5px 0;
-}
 
-.section-wrapper[data-v-2284c669] {
+.group-collapsed[data-v-0d0bd15f] {
   position: relative;
-  min-height: 100%;
-  width: 300px;
+  display: inline;
 }
-.floating-comment[data-v-2284c669] {
+.comments-icon[data-v-0d0bd15f] {
+  font-size: 20px;
+  width: 50px;
+  height: 50px;
+  font-weight: 400;
+  background-color: #E2E9FB;
+  color: #1355FF;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background-color 250ms ease;
+  user-select: none;
+  pointer-events: none;
+}
+.number-bubble[data-v-0d0bd15f] {
+  background-color: #1355FF;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
   position: absolute;
-  min-width: 300px;
+  right: -4px;
+  top: -4px;
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+}
+.comments-group[data-v-0d0bd15f] {
+  cursor: pointer;
+  position: absolute;
+  display: flex;
+  position: absolute;
+  border-radius: 12px;
+  transition: background-color 250ms ease;
+}
+.comments-icon[data-v-0d0bd15f]:hover {
+  background-color: #E2E9FB99;
+}
+.expanded[data-v-0d0bd15f] {
+  flex-direction: column;
+  background-color: #EDEDED;
+  z-index: 11;
 }
 
-.text-field[data-v-f85784d6] {
+.text-field[data-v-452996fe] {
     white-space: nowrap;
     height: 100%;
     width: 100%;
     border-radius: 2px;
     margin: 0;
+    margin-top: -13px;
     display: flex;
     align-items: center;
     padding: 1px;
 }
 
-.paragraph-field[data-v-7e3aecc8] {
+.paragraph-field[data-v-fdff1012] {
+    overflow: hidden;
     margin: 0;
     padding: 1px;
 }
@@ -19267,69 +19281,70 @@ img[data-v-47d1dee5] {
   margin-top: 5px;
 }
 
-.select-container[data-v-f9a43dfa] {
+.select-container[data-v-8988639b] {
   padding: 1px;
+  margin-top: -13px;
 }
 
-.field-container[data-v-60099bb0] {
+.field-container[data-v-80886e0d] {
   border-radius: 2px;
-  background-color: #EFD0F0 !important;
+  background-color: #EFD0F0;
   border: 2px solid #B015B3;
 }
 
 /* Right sidebar drawer */
-.right-sidebar[data-v-f1f5c2b0] {
+.right-sidebar[data-v-e0890280] {
   width: 320px;
-  padding: 0 10px;
-  min-height: 100%;
+  padding: 10px;
   position: relative;
 }
 
 /* General Styles */
-.box-sizing[data-v-f1f5c2b0], .layers[data-v-f1f5c2b0] {
+.box-sizing[data-v-e0890280], .layers[data-v-e0890280] {
   box-sizing: border-box;
 }
-.cursor-pointer[data-v-f1f5c2b0], .tools i[data-v-f1f5c2b0], .toolbar-item[data-v-f1f5c2b0] {
+.cursor-pointer[data-v-e0890280], .tools i[data-v-e0890280], .toolbar-item[data-v-e0890280] {
   cursor: pointer;
 }
-.flex[data-v-f1f5c2b0] {
+.flex[data-v-e0890280] {
   display: flex;
 }
-.flex-column[data-v-f1f5c2b0] {
+.flex-column[data-v-e0890280] {
   flex-direction: column;
 }
-.flex-center[data-v-f1f5c2b0] {
+.flex-center[data-v-e0890280] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 /* Layer Styles */
-.comments-layer[data-v-f1f5c2b0] {
+.comments-layer[data-v-e0890280] {
   position: absolute;
   top: 0;
   height: 100%;
 }
-.layers[data-v-f1f5c2b0] {
+.layers[data-v-e0890280] {
   position: relative;
+  display: inline-block;
 }
 
 /* Document Styles */
-.docx[data-v-f1f5c2b0] {
+.docx[data-v-e0890280] {
   border: 1px solid #DFDFDF;
   pointer-events: auto;
 }
-.sub-document[data-v-f1f5c2b0] {
+.sub-document[data-v-e0890280] {
   position: relative;
 }
 
 /* Toolbar Styles */
-.toolbar[data-v-f1f5c2b0] {
+.toolbar[data-v-e0890280] {
   height: 25px;
   background-color: #fff;
   margin-bottom: 5px;
 }
-.toolbar-item[data-v-f1f5c2b0] {
+.toolbar-item[data-v-e0890280] {
   width: 20px;
   height: 20px;
   border-radius: 8px;
@@ -19341,12 +19356,12 @@ img[data-v-47d1dee5] {
   justify-content: center;
   transition: all 250ms ease;
 }
-.toolbar-item[data-v-f1f5c2b0]:hover {
+.toolbar-item[data-v-e0890280]:hover {
   background-color: #DBDBDB;
 }
 
 /* Tools Styles */
-.tools[data-v-f1f5c2b0] {
+.tools[data-v-e0890280] {
   position: absolute;
   width: 50px;
   height: 50px;
@@ -19357,21 +19372,11 @@ img[data-v-47d1dee5] {
   align-items: center;
   justify-content: center;
 }
-.tools i[data-v-f1f5c2b0] {
+.tools i[data-v-e0890280] {
   font-size: 20px;
   border-radius: 12px;
   border: none;
   outline: none;
   background-color: #DBDBDB;
 }
-@media (max-width: 768px) {
-.sub-document[data-v-f1f5c2b0] {
-    max-width: 100%;
-    overflow: hidden;
-}
-.right-sidebar[data-v-f1f5c2b0] {
-    padding: 10px;
-    width: 55px;
-    position: relative;
-}
-}
+