sinvo/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2026-05-07 22:53:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

node deletion

Browse Source
This commit is contained in:
Philipinho
2026-01-31 22:15:16 +00:00
parent 129e21f728
commit b2b147f1bd
2 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/page-history/components/history-diff.module.css
+4 -6
View File
@@ -40,11 +40,9 @@
}
:global(.history-diff-node-deleted) {
display: inline-block;
background: light-dark(var(--mantine-color-red-0), rgba(255, 0, 0, 0.1));
border: rem(1px) dashed light-dark(var(--mantine-color-red-4), var(--mantine-color-red-6));
display: block;
opacity: 0.5;
outline: rem(2px) dashed light-dark(var(--mantine-color-red-4), var(--mantine-color-red-6));
outline-offset: rem(2px);
border-radius: rem(4px);
padding: rem(4px) rem(8px);
color: light-dark(var(--mantine-color-red-7), var(--mantine-color-red-4));
font-size: rem(12px);
}
apps/client/src/features/page-history/components/history-editor.tsx
+7 -5
View File
@@ -7,7 +7,7 @@ import { Decoration, DecorationSet } from "@tiptap/pm/view";
import classes from "./history-diff.module.css";
import historyClasses from "./history.module.css";
import { recreateTransform } from "@docmost/editor-ext";
import { Node } from "@tiptap/pm/model";
import { DOMSerializer, Node } from "@tiptap/pm/model";
import { ChangeSet, simplifyChanges } from "prosemirror-changeset";
export interface HistoryEditorProps {
@@ -126,10 +126,12 @@ export function HistoryEditor({
if (foundDeletedNode) {
decorations.push(
Decoration.widget(change.fromB, () => {
const span = document.createElement("span");
span.className = "history-diff-node-deleted";
span.textContent = `[${foundDeletedNode!.node.type.name} removed]`;
return span;
const wrapper = document.createElement("div");
wrapper.className = "history-diff-node-deleted";
const serializer = DOMSerializer.fromSchema(schema);
const dom = serializer.serializeNode(foundDeletedNode!.node);
wrapper.appendChild(dom);
return wrapper;
}),
);
} else {