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

package/dist/style.css

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