title: How to prevent accidental clicking on gutter in VS Code
body: <p>There is a very annoying issue in vs code:</p>
  
  <p><a href="https://i.stack.imgur.com/Vp21E.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Vp21E.jpg" alt="enter image description here"></a></p>
  
  <p>in case you want to collapse a section, you might accidentally click a blue rectangle, which pops up when you hover over the blue (or green) line</p>
  
  <p>After you accidentally click the blue rectangle it shows changes history, like this:</p>
  
  <p><a href="https://i.stack.imgur.com/ETGFf.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ETGFf.jpg" alt="enter image description here"></a></p>
  
  <p>Is there a way to disable this "quick diff" pop-up window containing the changes? Or make the buttons further apart? What are the <strong>keywords</strong> that may be helpful while googling this prolem?</p>
  
  <p>This issue is present with all the extensions disabled.</p>
  
  <p>Edit: i want to keep the gutters, just disable the changes history pop-up window</p>
  
  <p>Also, there is a similar <a href="https://stackoverflow.com/questions/58746387/vscode-hide-inline-git-changes-in-window-popup-text-editor">question</a></p>