question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[diff editor] option to remove 'diffOverviewRuler'

See original GitHub issue

Feature 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?

<div align='center'> Screen Shot 2019-11-28 at 6 42 59 PM </div>

Additional Information

monaco-editor version: 0.18.1 Browser: Chrome v.78 OS: macOS Mojave 10.14.6

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:6
  • Comments:9 (1 by maintainers)

github_iconTop GitHub Comments

4reactions
sorahncommented, Dec 5, 2019

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.

1reaction
sorahncommented, Dec 4, 2019

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 to display: none; and then set the width of the entire editor to calc(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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found