Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Add left space/margin/padding in VS Code editor window between line numbers and code

I would love to have some space between the line numbers and the first intendation/code in the VS Code editor window:

enter image description here

I just want to indent the code in the editor without actually adding whitespace in the code.

I tried "editor.glyphMargin", but this will only increase the space on the left of the line numbers, not between the line numbers and the code.

I'm also aware of the "Centered Layout" view, but this also decreases the width of e. g. the tabs for the file selection.

Is there a setting I'm missing or do I need a plugin/custom CSS?

like image 226
Bennett Dams Avatar asked Nov 25 '19 12:11

Bennett Dams


1 Answers

You can try this --

"editor.lineDecorationsWidth": 25,

This increases the space on the right side of the numbers. I haven't seen anything that increases the padding on the other side of the gutter nearest your code.

Opinion -- Ideally, there would be a editor.padding.left like there is a editor.padding.top, but I haven't seen this yet.

like image 123
Vim Diesel Avatar answered Nov 14 '22 19:11

Vim Diesel