Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Vertical column in Visual Studio Code?

I am moving my development to VSCode and I would like to know how to set a vertical column instead of vertical rulers as explained in Vertical rulers in Visual Studio Code?:

What I have: enter image description here

What I want is the vertical column to be solid (screenshot from vim column): enter image description here

UPDATE

I actually spend some time after @bgse suggestion and found all the places that have to be modified to enable this feature. See the green arrows below.

enter image description here

box-shadow parameter limits the size of the shaded area for all rulers. By default vscode sets it to 1px. After increasing it (manually), one can increase (manually) the width of the view-ruler element.

Any chance to change these parameters from the settings.json file?

like image 744
nico Avatar asked Dec 08 '19 18:12

nico


1 Answers

You can't currently do that with just settings and color theme to the best of my knowledge.

There is an extension mentioned in the comments of the linked question answers that allows to adjust the thickness of the indent lines among other things, but nothing similar for the editor rulers on marketplace it seems.

For what it's worth, the CSS you'd want to touch specifically is .monaco-editor .view-ruler box shadow.

like image 115
bgse Avatar answered Oct 21 '22 20:10

bgse