diff --git a/wax-prosemirror-layouts/src/layouts/EditorElements.js b/wax-prosemirror-layouts/src/layouts/EditorElements.js index 24c5a1ea52eee6325c6dacf202cf4f10bc6f12f0..81693009ceff7118d88de134cc483fd8da21a016 100644 --- a/wax-prosemirror-layouts/src/layouts/EditorElements.js +++ b/wax-prosemirror-layouts/src/layouts/EditorElements.js @@ -196,7 +196,7 @@ export default css` .selected-deletion, .selected-format-change, .selected-block-change { - background-color: #fffacf; + background-color: #eefbfb; } .format-change { diff --git a/wax-prosemirror-plugins/src/trackChanges/TrackChangePlugin.js b/wax-prosemirror-plugins/src/trackChanges/TrackChangePlugin.js index 367873aaab0f9ab2431e5fc52b584be289f824ec..5ebf2892bd52dd6e62876c16a8d8751161f5f0e7 100644 --- a/wax-prosemirror-plugins/src/trackChanges/TrackChangePlugin.js +++ b/wax-prosemirror-plugins/src/trackChanges/TrackChangePlugin.js @@ -25,12 +25,12 @@ export default options => { } = state; let { decos } = this.getState(oldState); - + decos = DecorationSet.empty; if (tr.selectionSet) { const { insertion, deletion, formatChange } = findSelectedChanges( state, ); - decos = DecorationSet.empty; + const decoType = tr.selection.node ? Decoration.node : Decoration.inline; @@ -40,13 +40,14 @@ export default options => { node.attrs.track && node.attrs.track.find(track => track.type === 'block_change') ) { - const blockChangeTrack = node.attrs.track.find( - track => track.type === 'block_change', - ); - console.log(state.selection, blockChangeTrack, node); + let nodeSize = pos; + node.descendants((childNode, childPos) => { + nodeSize += childNode.nodeSize; + }); + decos = decos.add(tr.doc, [ - decoType(1, 100, { - class: 'selected-block_change', + decoType(pos, nodeSize, { + class: 'selected-block-change', }), ]); }