[diff editor] option to remove 'diffOverviewRuler'
See original GitHub issueFeature Request
I’d like to know if it is possible to add an option to be able to remove the diffOverviewRuler
when creating Diff Editors
.
If not, is there a recommended way to remove the diffOverviewRuler
?

Additional Information
monaco-editor version: 0.18.1 Browser: Chrome v.78 OS: macOS Mojave 10.14.6
Issue Analytics
- State:
- Created 4 years ago
- Reactions:6
- Comments:9 (1 by maintainers)
Top Results From Across the Web
Monaco Editor Playground
The diff editor offers a navigator to jump between changes. Once the diff is computed the <em>next()</em> and <em>previous()</em> method allow navigation.
Read more >monaco-editor: hide overview ruler - Stack Overflow
Is there a way to completely hide overview ruler in monaco-editor? It is still visible with the following:
Read more >Comparing Files | Qt Creator Manual - Qt Documentation
You can use a diff editor to display unsaved changes in the current file or all open files or to compare any two...
Read more >Untitled
Xstrata coal bursary application forms, Tilhengere statoil, ... Eclipse quick diff overview ruler, Golf gti mark 5 owners manual, Angel tree logo png....
Read more >Git Diff Margin - Visual Studio Marketplace
Extension for Visual Studio - Git Diff Margin displays live Git changes of ... configurable through Visual Studio Fonts and Colors options.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Yes, totally. I also want to remove the diffBar. Thats how I ended up in your issue.
AFAIK the only way to do that right now is with some CSS hacks. Which isn’t great, but doable. Hopefully someone from the VSCode notices. 😃
In my codebase where we made the CSS hack I left a link to this issue to remind my self to occasionally check on it.
I was also trying to remove this. There is an option for
overviewRulerLanes
but setting that to 0 doesn’t seem to do the trick.For our application we’re only using the editor, and not the entire layout, so I was able to kind of hack this with CSS.
I set the
diffOverview
div todisplay: none;
and then set the width of the entire editor tocalc(100% + 30px)
(30px
being the default width of the ruler)I’m not sure if that is helpful in your case since you have the rest of the application visible.