← All examples

VS Code Web: hide the minimap

Hides the editor minimap on the right side to leave more room for code (works on github.dev too).

Code to copy

/* Hide the editor minimap to free horizontal space (works on github.dev too) */
.monaco-editor .minimap,
.monaco-editor .minimap-decorations-layer,
.monaco-editor .minimap-shadow-visible {
  display: none !important;
  width: 0 !important;
}
.monaco-editor .monaco-scrollable-element {
  right: 0 !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.