@manuscripts/body-editor 1.6.15-LEAN-3289-0 → 1.6.16

package/dist/cjs/commands.js

@@ -287,9 +287,9 @@ const insertInlineFootnote = (kind) => (state, dispatch) => {
     });
     const tr = state.tr;
     tr.insert(insertedAt, node);
-    const footnotesSection = (0, prosemirror_utils_1.findChildrenByType)(tr.doc, transform_1.schema.nodes.footnotes_section)[0];
+    const elements = (0, prosemirror_utils_1.findChildrenByType)(tr.doc, transform_1.schema.nodes.footnotes_element);
     let selectionPos;
-    if (!footnotesSection) {
+    if (!elements.length) {
         const section = state.schema.nodes.footnotes_section.create({}, [
             state.schema.nodes.section_title.create({}, state.schema.text('Notes')),
             state.schema.nodes.footnotes_element.create({}, footnote),
@@ -299,11 +299,8 @@ const insertInlineFootnote = (kind) => (state, dispatch) => {
         selectionPos = backmatter.pos + section.nodeSize - 3;
     }
     else {
-        const footnoteElement = (0, prosemirror_utils_1.findChildrenByType)(footnotesSection.node, transform_1.schema.nodes.footnotes_element);
-        const pos = footnotesSection.pos +
-            footnoteElement[0].pos +
-            footnoteElement[0].node.nodeSize -
-            1;
+        const element = elements[0];
+        const pos = element.pos + element.node.nodeSize - 1;
         tr.insert(pos, footnote);
         selectionPos = pos + 2;
     }

package/dist/es/commands.js

@@ -269,9 +269,9 @@ export const insertInlineFootnote = (kind) => (state, dispatch) => {
     });
     const tr = state.tr;
     tr.insert(insertedAt, node);
-    const footnotesSection = findChildrenByType(tr.doc, schema.nodes.footnotes_section)[0];
+    const elements = findChildrenByType(tr.doc, schema.nodes.footnotes_element);
     let selectionPos;
-    if (!footnotesSection) {
+    if (!elements.length) {
         const section = state.schema.nodes.footnotes_section.create({}, [
             state.schema.nodes.section_title.create({}, state.schema.text('Notes')),
             state.schema.nodes.footnotes_element.create({}, footnote),
@@ -281,11 +281,8 @@ export const insertInlineFootnote = (kind) => (state, dispatch) => {
         selectionPos = backmatter.pos + section.nodeSize - 3;
     }
     else {
-        const footnoteElement = findChildrenByType(footnotesSection.node, schema.nodes.footnotes_element);
-        const pos = footnotesSection.pos +
-            footnoteElement[0].pos +
-            footnoteElement[0].node.nodeSize -
-            1;
+        const element = elements[0];
+        const pos = element.pos + element.node.nodeSize - 1;
         tr.insert(pos, footnote);
         selectionPos = pos + 2;
     }

package/package.json

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

package/styles/Editor.css

@@ -941,9 +941,6 @@
 
 .ProseMirror .table-footer {
   font-size: 14px;
-}
-
-.ProseMirror .table-footer .footnote-element:first-child {
   padding-top: 8px;
 }
 
@@ -969,17 +966,31 @@
   margin-right: 4px;
 }
 
-.ProseMirror .table-footer .footnote-element p {
+.ProseMirror .table-footer p {
   margin-bottom: 0px;
   margin-top: 0px;
 }
 
+.ProseMirror .table-footer .footnote-selected, .table-footer > div:has(> p.footnote-selected) > p  {
+  background-color: #f2fbfc;
+  padding: 4px;
+}
+.table-footer > div > p {
+  padding-bottom: 10px;
+}
 .ProseMirror .table-footer .footnote-element .footnote-selected {
-  padding: 8px 0 8px 0;
   border: 1px solid #bce7f6;
-  background-color: #f2fbfc;
 }
-
+.table-footer > div:has(> p.footnote-selected) > p {
+  border-left: 1px solid #bce7f6;
+  border-right: 1px solid #bce7f6;
+}
+.table-footer > div:has(> p.footnote-selected) > p:first-child {
+  border-top: 1px solid #bce7f6;
+}
+.table-footer > div:has(> p.footnote-selected) > p:last-child {
+  border-bottom: 1px solid #bce7f6;
+}
 .ProseMirror .footnote-label {
   vertical-align: super;
   font-size: 75%;
@@ -1006,4 +1017,3 @@
 div[style*="background-color: rgba(249, 2, 2, 0.53)"] {
   background-color: #ffe08b !important;
 }
-