fix: send button clearance and code block display mode

- Increase editable min-height from 40px to 52px and padding from 8px
  to 10px so the send button (32px + 8px bottom offset) has 12px
  clearance from the toolbar border instead of 0px
- Add display: block to .mc-code-block — Lexical CodeNode renders as
  <code> which is inline by default, causing border/padding to split
  visually across lines instead of forming a proper block
- Revert empty code block to code.select() without synthetic TextNode

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
David Kaya
2026-03-25 19:35:25 +01:00
co-authored by Copilot
parent d84de12f45
commit 1f9203e1da
2 changed files with 8 additions and 7 deletions
+3 -3
View File
@@ -284,10 +284,10 @@ function ToolbarPlugin({ disabled }: { disabled: boolean }) {
p.selectEnd();
} else {
const code = $createCodeNode();
const textNode = $createTextNode(topElement.getTextContent());
code.append(textNode);
const text = topElement.getTextContent();
if (text) code.append($createTextNode(text));
topElement.replace(code);
textNode.select(0, 0);
code.select();
}
});
}, [editor]);