Disable left sidebar in blue

[tyouwei]

Hi, does anyone know how to disable the sidebar that is highlighted in blue? it seems to appear when the readOnly option is set to false. When the readOnly is true, the blue bar does not appear.

<DiffEditor
height={editorHeight}
language={block.props.language ?? 'python'}
original={block.props.code}
modified={block.props.newCode}
onMount={handleDiffEditorDidMount}
theme={
theme === 'dark' ||
(theme === 'system' && systemTheme === 'dark')
? 'vs-dark'
: 'light'
}
options={
{
readOnly: !editor.isEditable,
wordWrap: 'on',
lineNumbers: 'on',
minimap: { enabled: false },
scrollBeyondLastLine: false,
fontSize: 14,
automaticLayout: true,
scrollbar: {
alwaysConsumeMouseWheel: false,
},
}
}
/>

[DavidSeptimus]

I had to override the outline width in my stylesheet:

.gutter.monaco-editor {
  outline-width: 0;
}

[tyouwei]

Thanks! I figured it out, the solution is to add this in the options: renderGutterMenu: false,

Completely missed it in the documentation, https://microsoft.github.io/monaco-editor/typedoc/interfaces/editor.IDiffEditorBaseOptions.html#renderGutterMenu