Make mermaid toolbar invisible in preview mode

Signed-off-by: Émile Ré <emile@getprobo.com>
2026-04-01 16:56:13 +04:00
parent 9bbcba68c0
commit 84adb5409d
2 changed files with 16 additions and 3 deletions
--- a/packages/ui/src/RichEditor/MermaidNodeView.tsx
+++ b/packages/ui/src/RichEditor/MermaidNodeView.tsx
@@ -95,7 +95,7 @@ function MermaidBlock({ node }: { node: ReactNodeViewProps["node"] }) {

  return (
    <NodeViewWrapper>
-      <div className="mermaid-block">
+      <div className={`mermaid-block ${mode === "code" ? "editing" : ""}`}>
        <div className="mermaid-toolbar">
          <button
            type="button"