monaco: fix gutter size due to lineNumbers

The following commit updates the default `lineNumbersMinChars` similarly to vscode in order to produce a more appropriate gutter size (lineNumber size) in the editor. Reducing the size means that we can improve the readability of the code rather than have excessive gutters. Signed-off-by: vince-fugnitto <[email protected]>
shyshywhy · Mar 11, 2021 · 3bef155 · 3bef155
1 parent 3426e8d
commit 3bef155
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/packages/monaco/src/browser/monaco-editor-model.ts b/packages/monaco/src/browser/monaco-editor-model.ts
@@ -50,6 +50,8 @@ export class MonacoEditorModel implements ITextEditorModel, TextEditorDocument {
     autoSave: 'on' | 'off' = 'on';
     autoSaveDelay: number = 500;
     suppressOpenEditorWhenDirty = false;
+    lineNumbersMinChars = 3;
+
     /* @deprecated there is no general save timeout, each participant should introduce a sensible timeout  */
     readonly onWillSaveLoopTimeOut = 1500;
     protected bufferSavedVersionId: number;

diff --git a/packages/monaco/src/browser/monaco-editor-provider.ts b/packages/monaco/src/browser/monaco-editor-provider.ts
@@ -287,6 +287,7 @@ export class MonacoEditorProvider {
         const options = this.createOptions(this.preferencePrefixes, model.uri, model.languageId);
         options.model = model.textEditorModel;
         options.readOnly = model.readOnly;
+        options.lineNumbersMinChars = model.lineNumbersMinChars;
         return options;
     }
     protected updateMonacoEditorOptions(editor: MonacoEditor, event?: EditorPreferenceChange): void {