diff --git a/packages/sn-editor-react/src/components/editor.tsx b/packages/sn-editor-react/src/components/editor.tsx index c76fae3f8..c68201de2 100644 --- a/packages/sn-editor-react/src/components/editor.tsx +++ b/packages/sn-editor-react/src/components/editor.tsx @@ -27,10 +27,9 @@ const useStyles = makeStyles((theme) => { paddingBlock: '10px', display: 'flex', flexDirection: 'column', - alignItems: 'flex-start', + alignItems: 'strech', rowGap: '20px', '& .panel': { - display: 'inline-block', border: '2px solid', borderColor: theme.palette.primary.main, borderRadius: '8px', diff --git a/packages/sn-editor-react/src/components/menu-bar.tsx b/packages/sn-editor-react/src/components/menu-bar.tsx index 00161a577..d9330640c 100644 --- a/packages/sn-editor-react/src/components/menu-bar.tsx +++ b/packages/sn-editor-react/src/components/menu-bar.tsx @@ -180,6 +180,10 @@ export const MenuBar: FC = ({ editor }) => { + = ({ editor }) => { - + [ Document.configure(), Dropcursor.configure(), Gapcursor.configure(), - HardBreak.configure(), + HardBreak.configure().extend({ + addKeyboardShortcuts() { + return { + Enter: () => this.editor.commands.setHardBreak(), + } + }, + }), Heading.configure(), History.configure(), Italic.configure(),