hoeditor-web 3.1.69 → 3.1.71

package/lib/hoeditor.css

@@ -14336,10 +14336,6 @@ legend {
   -ms-flex-pack: distribute;
       justify-content: space-around;
 }
-.ho-comment-box-selected {
-  -webkit-box-shadow: 1px -1px 3px -2px rgba(158, 161, 165, 0.4), 5px -5px 12px -6px rgba(158, 161, 165, 0.4);
-          box-shadow: 1px -1px 3px -2px rgba(158, 161, 165, 0.4), 5px -5px 12px -6px rgba(158, 161, 165, 0.4);
-}
 .edit-container {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -14366,8 +14362,8 @@ legend {
   transition: all 0.1s ease-in-out;
 }
 .edit-container .domcanvas-selected {
-  -webkit-box-shadow: rgb(158 161 4.125%) 0px 2px 12px 0px;
-          box-shadow: rgb(158 161 4.125%) 0px 2px 12px 0px;
+  -webkit-box-shadow: 0px 2px 12px 0px #c7cacf;
+          box-shadow: 0px 2px 12px 0px #c7cacf;
 }
 .edit-container .selectcanvas {
   position: absolute;
@@ -14910,14 +14906,15 @@ legend {
   background: #fff;
 }
 
-.edit-container .ho-comment-box {
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
+.edit-container .ho-comment-history-selected {
+  z-index: 13;
+  overflow-y: hidden;
+}
+.ho-history-box {
   overflow-y: auto;
-  position: relative;
+  min-height: 100%;
 }
-.ho-comment-line {
+.ho-history-box .ho-comment-line {
   position: absolute;
   z-index: 10;
   height: 1px;
@@ -14927,15 +14924,19 @@ legend {
   -webkit-transition: 0.6s ease-in-out;
   transition: 0.6s ease-in-out;
 }
-.ho-comment-item {
+.ho-history-box .ho-comment-item {
   position: relative;
-  z-index: 8;
-  border: 1px dashed #aaa;
-  margin: 5px 5px 5px 0;
-  background: #f8f8f8;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  margin: 10px;
+  background: #fff;
   padding: 0 10px 10px 10px;
+  -webkit-transform: translateY(0);
+          transform: translateY(0);
+  -webkit-transition: all 0.18s ease-in-out;
+  transition: all 0.18s ease-in-out;
 }
-.ho-comment-item header {
+.ho-history-box .ho-comment-item header {
   padding: 8px 0 8px 8px;
   font-size: 12px;
   display: -webkit-box;
@@ -14949,75 +14950,19 @@ legend {
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-.ho-comment-item .comment-content {
-  padding: 8px;
+.ho-history-box .ho-comment-item .comment-content {
+  margin: 8px;
   background: #fff;
   font-size: 12px;
   text-align: left;
 }
-.ho-comment-item .comment-btn {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-}
-.ho-comment-item .comment-btn p:hover {
-  cursor: pointer;
-}
-.ho-comment-item .comment-status {
-  position: relative;
-}
-.ho-comment-item .comment-status .ant-checkbox-disabled + span {
-  color: #000;
-  font-size: 12px;
-}
-.ho-comment-item .comment-status .ant-checkbox + span {
-  padding-left: 0;
-}
-.ho-comment-item .comment-status .ant-checkbox-disabled .ant-checkbox-inner,
-.ho-comment-item .comment-status .ant-checkbox-checked .ant-checkbox-inner {
-  background-color: #00c130;
-}
-.ho-comment-item .comment-status .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after,
-.ho-comment-item .comment-status .ant-checkbox-checked .ant-checkbox-inner::after {
-  border-color: #fff;
-}
-.ho-comment-item .comment-status .ant-checkbox-inner::after {
-  left: 21%;
-  top: 48%;
-}
-.ho-comment-item .comment-status .ant-checkbox-wrapper {
-  padding-top: 3px;
-}
-.ho-comment-item .comment-status .comment-handled {
-  position: absolute;
-  right: -11px;
-  top: -10px;
-  color: #00c130;
-  font-size: 27px;
-  -webkit-transform: rotate(225deg);
-          transform: rotate(225deg);
-}
-.ho-comment-item .comment-status .ant-checkbox-wrapper {
-  font-size: 12px;
-}
-.ho-comment-item.history-comment .comment-content {
-  padding: 0;
-  margin: 8px;
+.ho-history-box .ho-comment-item.history-comment .comment-content {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
-.history-comment-tooltip {
-  overflow: auto;
-  max-height: 500px;
-  max-width: 600px;
-}
 
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
 /* stylelint-disable no-duplicate-selectors */
@@ -15244,7 +15189,7 @@ legend {
   color: #52c41a;
 }
 
-.poper-title[data-v-485e67fd] {
+.poper-title[data-v-115f256a] {
   position: absolute;
   z-index: 101;
   display: inline-block;
@@ -15254,16 +15199,16 @@ legend {
   line-height: 30px;
   border-radius: 3px;
   background-color: #ffffff;
-  -webkit-box-shadow: rgba(158, 161, 165, 0.4) 0px 2px 12px 0px;
-          box-shadow: rgba(158, 161, 165, 0.4) 0px 2px 12px 0px;
+  -webkit-box-shadow: 0px 2px 12px 0px rgba(158, 161, 165, 0.4);
+          box-shadow: 0px 2px 12px 0px rgba(158, 161, 165, 0.4);
 }
-.fade-enter-active[data-v-485e67fd],
-.fade-leave-active[data-v-485e67fd] {
+.fade-enter-active[data-v-115f256a],
+.fade-leave-active[data-v-115f256a] {
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
-.fade-enter[data-v-485e67fd],
-.fade-leave-to[data-v-485e67fd] {
+.fade-enter[data-v-115f256a],
+.fade-leave-to[data-v-115f256a] {
   opacity: 0;
 }