Feedback for “Block Side Menu”

[linhtrinh18]

When i disable side menu, it's still have the left and right padding-margin. I want to expand the editor across the width of the element.

I'm not figuring out how to remove the padding of the side menu, even it's already disable.

  <BlockNoteView 
  editor={editor} 
  sideMenu={false}
  editable={false}
  formattingToolbar={false}
  linkToolbar={false}
  filePanel={false}
  slashMenu={false}
  tableHandles={false}
  className='px-0 mx-0'
  />
  

[matthewlipski]

If you're using Tailwind I think this should work:

const editor = useCreateBlockNote({
  domAttributes: {
    editor: {
      class: "px-0 mx-0",
    },
  },
});

[jokedos]

The padding seems to be coming from a class called bn-editor, you can override that in your CSS file, styles.css eg. and remove the padding with padding-inline: 0px

https://www.blocknotejs.org/docs/styling-theming/overriding-css

[nperez0111]

Think it is safe to close this