@manuscripts/body-editor 1.10.2 → 1.10.3-LEAN-3604.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.10.2",
+  "version": "1.10.3-LEAN-3604.1",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",

package/styles/AdvancedEditor.css

@@ -687,39 +687,53 @@ Next levels are shifted 'up' by 1
 }
 
 .ProseMirror {
-  --pending-bg-color: #e6f7fc;
-  --accepted-bg-color: #d1edaf;
-  --deleted-color: #f35143;
+  --inserted-pending-bg-color: #e6ffdb;
+  --inserted-pending-color: #01872e;
+  --accepted-bg-color: transparent;
+  --deleted-color: #F35143;
+  --deleted-pending-bg-color: #FFF1F0;
   --highlight-bg-color: #ffeebf;
-  --selection-bg-color: #bce7f6;
 }
 
 .selected-suggestion::selection {
   background: none;
 }
 
-span.selected-suggestion, div.selected-suggestion > .block-container .block, div.selected-suggestion:not(:has(> .block-container)) {
-  background: #bce7f6 !important;
+span.selected-suggestion, 
+div.selected-suggestion > .block-container .block, 
+div.selected-suggestion:not(:has(> .block-container)) {
+  background-color: #bce7f6 !important;
+  color: #353535 !important;
+  text-decoration: none !important;
   border-width: 2px 0 2px 0 !important;
   border-color: #20aedf !important;
   border-radius: 3px !important;
   border-style: solid !important;
 }
 
+.accepted span.selected-suggestion, 
+.accepted div.selected-suggestion > .block-container .block, 
+.accepted div.selected-suggestion:not(:has(> .block-container)) {
+  background-color: #F2F2F2 !important;
+  border-width: 2px 0 2px 0 !important;
+  border-color: #C9C9C9 !important;
+  border-radius: 3px !important;
+  border-style: solid !important;
+}
+
 .block-bullet_list .selected-suggestion p, .block-ordered_list .selected-suggestion p {
   margin: 0;
 }
 
 .block-bullet_list .selected-suggestion, .block-ordered_list .selected-suggestion {
   margin: 16px 0;
-}
 
 .ProseMirror .inserted.pending {
-  background: var(--pending-bg-color);
-  text-decoration: none;
+  background: var(--inserted-pending-bg-color);
+  color: var(--inserted-pending-color);
+  text-decoration: underline;
 }
 .ProseMirror .inserted.accepted {
-  background: var(--accepted-bg-color);
   text-decoration: none;
 }
 .ProseMirror .inserted.rejected {
@@ -727,7 +741,7 @@ span.selected-suggestion, div.selected-suggestion > .block-container .block, div
 }
 
 .ProseMirror .set_attrs.pending {
-  background: var(--pending-bg-color);
+  background: hotpink;
   text-decoration: none;
 }
 .ProseMirror .set_attrs.accepted {
@@ -736,15 +750,13 @@ span.selected-suggestion, div.selected-suggestion > .block-container .block, div
 }
 .ProseMirror .deleted.pending::before,
 .ProseMirror .deleted.pending {
-  background: var(--pending-bg-color);
+  background: var(--deleted-pending-bg-color);
   color: var(--deleted-color);
   text-decoration: line-through;
 }
 
 .ProseMirror .deleted.accepted::before,
 .ProseMirror .deleted.accepted {
-  background: var(--accepted-bg-color);
-  color: var(--deleted-color);
   text-decoration: line-through;
 }
 .ProseMirror .deleted.rejected {
@@ -771,13 +783,6 @@ span.selected-suggestion, div.selected-suggestion > .block-container .block, div
   display: inline-block;
 }
 
-.affiliation[data-track-status='pending'],
-.contributor[data-track-status='pending'],
-.ProseMirror .inserted.pending,
-.ProseMirror .set_attrs.pending,
-.ProseMirror .deleted.pending {
-  background: #ddf3fa;
-}
 .ProseMirror .affiliation[data-track-status='rejected'][data-track-op='insert'],
 .ProseMirror .contributor[data-track-status='rejected'][data-track-op='insert'],
 .ProseMirror figure[data-track-status='rejected'][data-track-op='insert'],
@@ -787,24 +792,22 @@ span.selected-suggestion, div.selected-suggestion > .block-container .block, div
   display: none;
 }
 
-.contributor[data-track-op='delete']:not([data-track-status='rejected']) .name,
-.affiliation[data-track-op='delete']:not([data-track-status='rejected']) {
+.contributor[data-track-status='pending'][data-track-op='delete'] .name,
+.affiliation[data-track-status='pending'][data-track-op='delete'] {
   text-decoration: line-through;
   color: var(--deleted-color);
+  background-color: var(--deleted-pending-bg-color)
 }
 
-.contributor[data-track-op='delete']:not([data-track-status='rejected']) {
-  color: var(--deleted-color);
-}
-
-.affiliation[data-track-status='pending'],
-.contributor[data-track-status='pending'] {
-  background: var(--pending-bg-color);
+.contributor[data-track-op='delete']:not([data-track-status='rejected']) .name {
+  text-decoration: line-through;
 }
 
-.affiliation[data-track-status='accepted'],
-.contributor[data-track-status='accepted'] {
-  background: var(--accepted-bg-color);
+.affiliation[data-track-status='pending'][data-track-op='insert'],
+.contributor[data-track-status='pending'][data-track-op='insert'] .name {
+  background: var(--inserted-pending-bg-color);
+  color: var(--inserted-pending-color);
+  text-decoration: underline;
 }
 
 .contributors {